writing-mode

Свойство writing-mode устанавливает горизонтальное или вертикальное положение текста также как и направление блока.

Свойство определяет направление потока блока, в каком направлении складываются контейнеры уровня блока и направление в котором инлайновый контент находится в родительском блоке. Также свойство writing-mode определяет порядок контента блочного уровня.

Демо

Режимы письма

• direction
• text-combine-upright
• text-orientation
• unicode-bidi
• writing-mode

Начальное значение	horizontal-tb
Применяется к	все элементы, кроме групп табличных строк, групп табличных столбцов, табличных строк и табличных колонок
Наследуется	да
Обработка значения	как указано
Animation type	discrete

Синтаксис

/* Keyword values */
writing-mode: horizontal-tb;
writing-mode: horizontal-bt;
writing-mode: vertical-rl;
writing-mode: vertical-lr;

/* Global values */
writing-mode: inherit;
writing-mode: initial;
writing-mode: unset;

Значения

horizontal-tb

Контент располагается горизонтально слева направо, вертикально сверху вниз. Следующая горизонтальная линия расположена под предыдущей линией.

horizontal-bt

Контент располагается горизонтально слева направо, вертикально со внизу вверх. Следующая горизонтальная линия расположена над предыдущей линией.

vertical-rl

Контент располагается вертикально сверху вниз, горизонтально справа налево. Следующая вертикальная линия расположена слева от предыдущей линии.

vertical-lr

Контент располагается вертикально сверху вниз, горизонтально слева направо. Следующая вертикальная линия расположена справа от предыдущей линии.

Спецификации

• CSS Writing Modes Module Level 3

Комментарии