CSS Writing Mode

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Ahmad Shadeed mit einem echten CSS-Trick

Mir ist eine CSS-Eigenschaft namens writing-mode aufgefallen, die ich vorher nicht kannte. Nach einiger Recherche habe ich erfahren, dass sie für vertikale Schriftsysteme wie Chinesisch oder Japanisch gedacht ist. Das Interessante ist jedoch, dass wir mit ihr sehr einfach vertikalen Text erstellen können, wenn wir sie mit Englisch verwenden.

Selbst in englischer Sprache hilft uns writing-mode: vertical-lr; dabei, Text vertikal ohne viel Positionierung, Platzhalter oder Transformationen anzuordnen.

Direkter Link →