Логические свойства и значения CSS

Модуль логически свойства и значения CSS определяет логические свойства и значения, которые могут управлять макетом через логическое, а не физическое, отображение направления и размеров. Логические свойства определяют равнозначные по направлению эквиваленты соответствующим физическим свойствам.

Начало строки не всегда совпадает с левой стороной строки. Различные системы письма работают в разных направлениях. Например:

• Английский и португальский языки пишутся слева направо, с добавлением новых строк под предыдущими.
• Иврит и арабский — языки справа налево, с добавлением новых строк под предыдущими.
• В некоторых режимах написания строки текста вертикальные, пишутся сверху вниз. Китайский, вьетнамский, корейский и японский языки традиционно пишутся вертикально, сверху вниз, с добавлением каждой новой вертикальной строки слева от предыдущей.
• Традиционный монгольский язык также является языком сверху вниз, но новые строки добавляются справа от предыдущих.

Логические свойства, определённые в этом модуле, позволяют определить свойства, относящиеся к направлению написания содержимого, а не к физическому направлению. Это означает, что содержимое, переведённое на языки с разными режимами написания, будет отображаться так, как задумано.

Логические свойства и значения используют абстрактные термины блок и строка для описания направления потока. Физическое значение этих терминов зависит от режима написания.

Размер блока перпендикулярен направлению потока текста в строке, т. е. вертикальный размер в горизонтальных режимах написания и горизонтальный размер в вертикальных режимах написания. Для стандартного английского текста это вертикальный размер.

Размер строки параллелен направлению потока текста в строке, т. е. горизонтальный размер в горизонтальных режимах написания и вертикальный размер в вертикальных режимах написания. Для стандартного английского текста это горизонтальный размер.

CSS изначально был разработан только с физическими координатами. Модуль логических свойств и значений определяет эквиваленты, связанные с потоком, для многих значений и свойств. Свойства, которые ранее принимали только физические значения (top, bottom, left, right), теперь также принимают логические значения, связанные с потоком (block-start, block-end, inline-start, inline-end).