Szöveg-orientáció - CSS-trükkök

A text-orientationCSS-ben lévő tulajdonság igazítja a szöveget egy sorban, ha függőleges munkával dolgozik writing-mode. Alapvetően vagy a sort 90 ° -kal elforgatja az óramutató járásával megegyező irányba, hogy segítsen szabályozni a függőleges nyelvek megjelenítését - hasonlóan ahhoz, ahogyan text-combine-uprighta karaktercsoportokat egy függőleges szkriptben lévő szövegsoron belül forgatja, de teljes szövegsorok esetén.

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

A kétirányú szöveg - például egy blokk, amely mind balról jobbra, mind jobbról balra szöveget tartalmaz - kezeléséhez nézze meg a unicode-biditulajdonságot. A tulajdonsággal kombinálva directionfelülbírálja a böngésző döntését a szöveg megjelenítéséről.

Szintaxis

text-orientation: mixed | upright | sideways

A kezdeti: mixed
A következőkre vonatkozik: a táblasorcsoportok , sorok, oszlopcsoportok és oszlopok kivételével minden elemre
Örökölt: igen
Százalékok: n / a
Számított érték: megadott érték
Animáció típusa: nem animálható

Értékek

/* 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: Alapértelmezett érték. A vízszintes szkriptben lévő karakterek 90 ° -kal elfordulnak az óramutató járásával megegyező irányban. A függőleges szkriptben szereplő karakterek természetes függőleges tájolásban jelennek meg.
upright: A vízszintes szkriptben szereplő karakterek természetes vízszintes függőleges helyzetben vannak, néhány karakterjelet is beleértve. Tehát, ha egy függőleges írási mód elforgathatja a szöveg egy vonalát úgy, hogy a karakterek oldalirányban legyenek, ez az érték maguk a karakterek 90 ° -kal elfordulnak a természetes helyzetükig. Vegye figyelembe, hogy ez az érték a directiontulajdonságot a használt értékbe kényszeríti ltr, vagyis az összes karaktert úgy kezeljük, mintha balról jobbra írási módban lennének.
sideways: Az összes szöveg függőleges írási módban oldalra kerül, mintha vízszintes elrendezésben lenne, de az egész sort 90 ° -kal elforgatják az óramutató járásával megegyező irányba.
sideways-right: Néhány böngésző ezt az sidewaysértéket a visszafelé kompatibilitás érdekében megtartott érték álneveként értékeli.

use-glyph-orientation2015 decemberében kulcsszóértékként eltávolították. Az SVG elemeken használták az SVG tulajdonságainak meghatározásához, glyph-orientation-verticalés glyph-orientation-horizontalamelyek már elavultak. glyph-orientation-verticalmost már álneve a text-orientation.

Böngésző támogatás

Ez a böngésző támogatási adat a Caniuse cégtől származik, amely részletesebben szerepel. Egy szám azt jelzi, hogy a böngésző támogatja az adott és újabb verziók szolgáltatásait.

Asztal

Króm	Firefox	AZAZ	Él	Szafari
48	41	Nem	79	10,1 *

Mobil / Tablet

Android Chrome	Android Firefox	Android	iOS Safari
88	85	81.	10.0-10.2

Leírás

CSS írási módok, 3. szint (a szerkesztő tervezete)

Több információ

Miért rémálom a függőleges szövegorientáció a böngészők közötti kompatibilitás szempontjából? Nikhil - Alapos magyarázat text-orientationés writing-mode.
Könnyen készíthet oldalra írt szöveget Adi Purdila „írási módú” CSS tulajdonságának felhasználásával - Fedezzen fel különböző megközelítéseket a használat mellett text-orientation.
2 módszer a függőleges szöveg létrehozására CSS-ben a WS Toh segítségével - Közvetlenebb összehasonlítás a writing-modeés a módszerrel történő megközelítések között text-orientation.
Chris Coyier szövegforgatása - A függőleges szöveg megközelítése transforma writing-modevagy helyett text-orientation.