css властивість writing-mode
Властивість writing-mode визначає, чи текст буде розташований горизонтально чи вертикально.
Синтаксис
writing-mode: horizontal-tb | vertical-rl | vertical-lr;Властивість writing-mode може отримувати 3 значення:
horizontal-tbВміст блоку розташований горизонтально зліва направо, вертикально зверху вниз. Наступна горизонтальна лінія розташована під попередньою лінією.
vertical-rlВміст блоку розташований вертикально зверху вниз, горизонтально справа наліво. Наступна вертикальна лінія розташована ліворуч від попереднього рядка.
vertical-lrВміст блоку розташований вертикально зверху вниз, горизонтально зліва направо. Наступна вертикальна лінія розташована праворуч від попереднього рядка.
| Значення без задання: | horizontal-tb |
|---|---|
| Наслідує: | Так |
| Анімується: | Ні |
| JavaScript синтаксис: | object.style.writingMode |
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| writing-mode | 48.0 |
6.0 -ms- |
41.0 |
5.1 -webkit- |
35.0 |
17.0 |
| Переглядач | |||
|---|---|---|---|
| writing-mode | 3.0 -webkit- |
41.0 |
5.1 -webkit- |
Мобільних переглядачів ще не додано.
Приклади
Значення у дії
Приклад використання
Синтаксис
p {
writing-mode: vertical-rl;
}