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

Anonim

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.

Повезана својства

Алманах 5. јануара 2021

правац

.element ( direction: rtl; ) Робин Рендле