Атрибут writing-mode CSS

  • Предыдущая страница word-wrap
  • Следующая страница z-index

Определение и использование

writing-mode Атрибут определяет, как текстовые строки должны быть выровнены горизонтально или вертикально.

См. также:

CSS курс:Эффекты текста CSS

Пример

Определяет, как текстовые строки должны быть выровнены горизонтально или вертикально:

p.test1 {
  writing-mode: horizontal-tb; 
}
p.test2 {
  writing-mode: vertical-rl; 
}
span.test2 {
  writing-mode: vertical-rl; 
}

Попробуйте сами

CSS грамматика

writing-mode: horizontal-tb|vertical-rl|vertical-lr;

Значение свойства

Значение Описание
horizontal-tb Позволяет содержимому流动 горизонтально слева направо и вертикально сверху вниз.
vertical-rl Позволяет содержимому流动 вертикально сверху вниз и горизонтально справа налево.
vertical-lr Позволяет содержимому流动 вертикально сверху вниз и горизонтально слева направо.

Технические детали

Значение по умолчанию: horizontal-tb
Инherit: Да
Создание анимации: Не поддерживается. См. также:Свойства анимации.
Версия: CSS3
JavaScript грамматика: object.style.writingMode="vertical-rl"

Поддержка браузера

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
48.0 12.0 41.0 11.0 35.0
  • Предыдущая страница word-wrap
  • Следующая страница z-index