СSS Свойство writing-mode
Пример
Указать, должны ли строки текста располагаться горизонтально или вертикально::
p.test1 {
writing-mode: horizontal-tb;
}
p.test2 {
writing-mode: vertical-rl;
}
span.test2 {
writing-mode:
vertical-rl;
}
Редактор кода »
Определение и использование
Свойство writing-mode
определяет, будут ли строки текста располагаться горизонтально или вертикально.
Значение по умолчанию: | horizontal-tb |
---|---|
Унаследованный: | да |
Анимируемый: | нет Прочитайте о animatable |
Версия: | CSS3 |
JavaScript синтаксис: | object.style.writingMode="vertical-rl" |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Свойство | |||||
---|---|---|---|---|---|
writing-mode | 48.0 | 12.0 | 41.0 | 11.0 | 35.0 |
CSS Синтаксис
writing-mode: horizontal-tb|vertical-rl|vertical-lr;
Значение свойств
Значение | Описание |
---|---|
horizontal-tb | Пусть содержимое течет горизонтально слева направо, вертикально сверху вниз |
vertical-rl | Пусть содержимое течет вертикально сверху вниз, горизонтально справа налево |
vertical-lr | Пусть содержимое течет вертикально сверху вниз, горизонтально слева направо |
Связанные страницы
CSS Учебник: CSS Эффект текста