Логические свойства CSS
CSS-свойства, описывающие положение и размер относительно направления текста (inline/block, start/end), а не физических сторон (left/right, top/bottom); благодаря им вёрстка сама подстраивается под письмо справа налево и вертикальный текст.
Проблема: margin-left — это физически левая сторона, а в арабском или иврите (справа налево) отступ обычно нужен с противоположной, что требует отдельных RTL-стилей и переопределений [dir=rtl]. Логические свойства абстрагируются от направления: margin-inline-start — «начало строки текста», то есть слева в русском и справа в арабском, автоматически. Понятия: ось inline идёт вдоль строки, ось block — между строками; вместо left/right/top/bottom — start/end. Примеры: padding-block (верх и низ), inset-inline-end, border-inline. Выигрыш — одна таблица стилей для всех направлений письма и более простая локализация. Современный рекомендуемый способ писать CSS, зависящий от направления.