Свойство режима записи CSS
Пример
Укажите, будут ли строки текста располагаться горизонтально или вертикально:
p.test1 {
writing-mode: horizontal-tb;
}
p.test2 {
writing-mode: vertical-rl;
}
span.test2 {
writing-mode:
vertical-rl;
}
Определение и использование
Свойство writing-mode
указывает, будут ли строки текста расположены горизонтально или вертикально.
Значение по умолчанию: | горизонтальный-ТБ |
---|---|
Унаследовано: | да |
Анимация: | нет. Читать об анимации |
Версия: | CSS3 |
Синтаксис JavaScript: | объект .style.writingMode="вертикальный-rl" |
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Property | |||||
---|---|---|---|---|---|
writing-mode | 48.0 | 12.0 | 41.0 | 11.0 | 35.0 |
Синтаксис CSS
writing-mode: horizontal-tb|vertical-rl|vertical-lr;
Значения свойств
Value | Description |
---|---|
horizontal-tb | Let the content flow horizontally from left to right, vertically from top to bottom |
vertical-rl | Let the content flow vertically from top to bottom, horizontally from right to left |
vertical-lr | Let the content flow vertically from top to bottom, horizontally from left to right |
Связанные страницы
Учебное пособие по CSS: Текстовые эффекты CSS