Что такое logical properties в CSS?

Logical properties заменяют физические направления (top, right, bottom, left) на логические (block-start, inline-end, block-end, inline-start). margin-inline-start вместо margin-left, padding-block вместо padding-top/bottom. Это нужно для интернационализации — в RTL-языках (арабский, иврит) inline-start это справа. Браузер автоматически адаптирует раскладку при dir="rtl". Также укорачивают запись: margin-inline: 20px вместо margin-left: 20px; margin-right: 20px.