Оријентација на текст - ЦСС-трикови

text-orientationИмовина у ЦСС поравнава текст у линији када се ради са вертикалним writing-mode. У основи, он ротира линију за 90 ° у смеру казаљке на сату да би помогао да се контролише приказ вертикалних језика - слично као и начин text-combine-uprightокретања група знакова унутар реда текста у вертикалној скрипти, али за пуне редове текста.

.element ( text-orientation: mixed; writing-mode: vertical-rl; )

За руковање двосмерним текстом - блок који садржи и текст слева надесно и здесна налево, погледајте unicode-bidiсвојство. Комбинује се са directionсвојством да поништи начин на који прегледач одлучи да прикаже текст.

Синтакса

text-orientation: mixed | upright | sideways

Иницијал: mixed
Односи се на: све елементе осим група редова табеле, редова, група колона и колона
Наследио: да
Проценти: н / а
Израчуната вредност: наведена вредност
Тип анимације: није анимиран

Вредности

/* Keyword values */ text-orientation: mixed; /* default */ text-orientation: upright; text-orientation: sideways; text-orientation: sideways-right; /* Global values */ text-orientation: inherit; text-orientation: initial; /* mixed */ text-orientation: unset;

mixed: Подразумевана вредност. Знакови у хоризонталном писму ротирају се за 90 ° у смеру казаљке на сату. Знакови у вертикалној скрипти приказују се у природној вертикалној оријентацији.
upright: Ликови у хоризонталном писму постављени су у природни водоравни усправни положај, укључујући неке глифе. Дакле, тамо где вертикални начин писања може ротирати линију текста тако да су знакови постранце, ова вредност ће окретати саме знакове за 90 ° у њихов природни положај. Имајте на уму да ова вредност присиљава directionсвојство на употребљену вредност ltr, што значи да се сви знакови третирају као да су у режиму писања слева надесно.
sideways: Сав текст у вертикалном режиму писања приказује се бочно, као да је у хоризонталном распореду, али цела линија је ротирана за 90 ° у смеру казаљке на сату.
sideways-right: Неки прегледачи поштују ову вредност као псеудоним sidewaysвредности која се чува ради компатибилности уназад.

use-glyph-orientationје уклоњена као вредност кључне речи у децембру 2015. Коришћена је на СВГ елементима за дефинисање СВГ својстава glyph-orientation-verticalи glyph-orientation-horizontalкоја су сада застарела. glyph-orientation-verticalје сада псеудоним за text-orientation.

Подршка прегледача

Подаци о подршци за прегледач су од компаније Цаниусе, која садржи више детаља. Број указује на то да прегледач подржава функцију у тој верзији и новијој.

Десктоп

Хром	Фирефок	ИЕ	Ивица	Сафари
48	41	Не	79	10,1 *

Мобиле / Таблет

Андроид Цхроме	Андроид Фирефок	Андроид	иОС Сафари
88	85	81	10.0-10.2

Спецификација

ЦСС модови писања ниво 3 (уредников нацрт)

Више информација

Зашто је вертикална оријентација текста ноћна мора за компатибилност више прегледача? аутор Никхил - Темељито објашњење text-orientationи writing-mode.
Лако створите бочни текст користећи својство ЦСС-а „режим писања“ Адија Пурдиле - Истражите различите приступе поред употребе text-orientation.
2 начина за стварање вертикалног текста у ЦСС-у од стране ВС Тох - Директније поређење приступа који користе writing-modeи text-orientation.
Ротација текста, Цхрис Цоииер - Приступ вертикалном тексту који користи transformуместо writing-modeили text-orientation.