Режим писања - ЦСС-трикови

Anonim

writing-modeИмовина мења поравнање текста, тако да се може читати од врха до дна или с лева на десно, у зависности од језика. На пример, рецимо да желимо да додамо неки текст који се чита од врха до дна и здесна налево, овако:

.vertical-rl ( writing-mode: vertical-rl; )

Погледајте начин писања оловке: вертицал-рл од ЦСС-Трицкс (@ цсс-трицкс) на ЦодеПен-у.

Ово је најкорисније на језицима као што су кинески, јапански или корејски, где је текст често постављен вертикално. На енглеском језику је већа вероватноћа да ћете желети да користите ово својство из естетских разлога, као што је поравнање наслова у блоку текста попут овог:

Погледајте оловку ИВБВГА компаније ЦСС-Трицкс (@ цсс-трицкс) на ЦодеПен-у.

Вредности

У примерима доле сам прво слово текста учинио црвеном, само да би било лакше видети у ком правцу треба да почнете да читате.

хоризонтал-тб

Ово је подразумевана вредност својства: текст се чита слева надесно и одозго надоле.

Погледајте режим писања оловке: хоризонтал-тб од ЦСС-Трицкс (@ цсс-трицкс) на ЦодеПен-у.

вертикално-рл

Текст се чита здесна налево и одозго надоле:

Погледајте начин писања оловке: вертицал-рл од ЦСС-Трицкс (@ цсс-трицкс) на ЦодеПен-у.

вертикално-лр

Текст се чита слева надесно и горе доле:

Погледајте начин писања оловке: вертицал-рл од ЦСС-Трицкс (@ цсс-трицкс) на ЦодеПен-у.

Сродне везе

  • Вертикални текст са ЦСС3 режимима писања
  • Ахмад Схадеед у режиму писања

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

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

Десктоп

Хром Фирефок ИЕ Ивица Сафари
8 * 41 11 12 5.1 *

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

Андроид Цхроме Андроид Фирефок Андроид иОС Сафари
88 85 3 * 5,0-5,1 *