css властивість writing-mode


Властивість 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
8.0 -webkit-

6.0 -ms-

41.0

5.1 -webkit-

35.0
15.0 -o-

17.0

Переглядач
writing-mode

3.0 -webkit-

41.0

5.1 -webkit-


Мобільних переглядачів ще не додано.

Приклади


Значення у дії

Приклад використання

Синтаксис

 p {


  writing-mode: vertical-rl;


}

Додаткові посилання