writing-modeLastnina spreminja poravnavo besedila, tako da se lahko bere od zgoraj navzdol ali od leve proti desni, glede na jezik. Recimo na primer, da želimo dodati nekaj besedila, ki ga beremo od zgoraj navzdol in od desne proti levi, na primer tako:
.vertical-rl ( writing-mode: vertical-rl; )Oglejte si način pisanja s pisalom: vertical-rl s strani CSS-Tricks (@ css-tricks) na CodePen.
To je najbolj uporabno v jezikih, kot so kitajščina, japonščina ali korejščina, kjer je besedilo pogosto nastavljeno navpično. V angleškem jeziku je bolj verjetno, da boste to lastnost želeli uporabiti zaradi estetike, na primer poravnave naslova v bloku besedila, kot je ta:
Oglejte si Pen YWBWGA by CSS-Tricks (@ css-tricks) na CodePen.
Vrednote
V spodnjih primerih sem prvo črko besedila obarval rdeče, da je lažje videti, v katero smer morate začeti brati.
vodoravno-tb
To je privzeta vrednost lastnosti: besedilo se bere od leve proti desni in od zgoraj navzdol.
Oglejte si način pisanja s pisalom: horizontal-tb s strani CSS-Tricks (@ css-tricks) na CodePen.
navpično-rl
Besedilo se bere od desne proti levi in od zgoraj navzdol:
Oglejte si način pisanja s pisalom: vertical-rl s strani CSS-Tricks (@ css-tricks) na CodePen.
navpično-lr
Besedilo se bere od leve proti desni in od zgoraj navzdol:
Oglejte si način pisanja s pisalom: vertical-rl s strani CSS-Tricks (@ css-tricks) na CodePen.
Povezane povezave
- Navpično besedilo z načini pisanja CSS3
- Ahmad Shadeed o načinu pisanja
Podpora brskalnika
Ti podatki o podpori brskalnika so od Caniuse, ki vsebuje več podrobnosti. Številka pomeni, da brskalnik podpira to funkcijo v tej različici ali novejši.
Namizje
| Chrome | Firefox | IE | Rob | Safari |
|---|---|---|---|---|
| 8 * | 41 | 11. | 12. | 5,1 * |
Mobilni / tablični računalnik
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 3 * | 5,0-5,1 * |