2012/11/06

Про writing-mode

Уж и не знаю как давно, но сразу два браузера Chrome и Safari научились отображать текст вертикально. Хоть IE 8+ уже давно имеет столь полезную функцию, делать сайты на Тодо-бичиг я не решался. Теперь дело осталось за малым, дождемся Firefox и Opera, и можно будет создавать кросс-платформенные сайты с тодо-содержимым! А пока небольшой текст для счастливых пользователей Хрома и Сафари, и бедолаг-поклонников IE.

ᡔᠠᡎᡅᡕᡅᠨ ᡍᡇᡋᡅᡃᠷᡅ
᠀ ᡈᡑᡈᠷ ᠰᡈᡃ ᡍᡆᡕᡆᠷ ᡅᠨᡇ ᡍᡆᠷᡅᠨ ᡑᡈᠷᡋᡉᠨ ᡔᠠᡎ᠃
ᠨᡅᡎᡄ ᡔᠠᡎ ᡑᡈᠷᡋᡉᠨ ᡏᡈᡔᡅ᠃ ᠨᡅᡎᡄ ᡏᡈᡔᡅ ᠠᠷᡋᠠᠨ ᡐᠠᡋᡇᠨ
ᡍᡇᡋᡅ᠃ ᠨᡅᡎᡄ ᡍᡇᡋᡅ ᠴᡅᠷᠠᠨ ᠠᡎᡔᡅᡏ᠃
ᡄᠨᡄ ᡋᡆᠯᡍᡇᠯᡃᠠ ᡏᠠᠨᠠᡅ ᡄᠷᡐᡄ ᡑᡄᡃᠷᡄ ᡔᠠᡎᡐᡇ
ᡍᡄᠷᡄᡎᠯᡄᠴᡅ ᡕᠠᡋᡇᡎᠰᠠᠨ ᡔᠠᡎᡅᡕᡅᠨ ᡍᡇᡋᡅᡃᠷᡅ ᡏᡈᠨ᠅




Синтаксис

Для IE:
writing-mode: lr-tb | rl-tb | tb-rl | bt-rl | tb-lr | bt-lr
Для Safari и Chrome:
-webkit-writing-mode: horizontal-tb | vertical-rl | vertical-lr

Значения

lr-tb, horizontal-tb Устанавливает направление текста слева направо.
rl-tb Задает направление текста справа налево.
tb-rl, vertical-rl Текст располагается вертикально и выравнивается по верхнему и правому краю.
bt-rl Текст располагается вертикально и выравнивается по нижнему и правому краю.
tb-lr, vertical-lr Текст располагается вертикально и выравнивается по верхнему и левому краю.
bt-lr Текст располагается вертикально и выравнивается по нижнему и левому краю.

UPD: 2 июля 2013 вышла конечная версия браузера Opera 15 для настольных компьютеров Windows и OS X, созданная на движке Chromium. С этой версии Opera на ряду с Chrome и Safari поддерживает параметр вида:
-webkit-writing-mode: vertical-lr.
UPD2: Т.к. в данный момент браузерами Chrome, Safari и Opera не поддерживаются параметр text-justify, поэтому не советую выравнивать текст по ширине.

Комментариев нет:

Отправить комментарий

Примечание. Отправлять комментарии могут только участники этого блога.