DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!
Die writing-mode-Eigenschaft ändert die Ausrichtung des Textes, sodass er je nach Sprache von oben nach unten oder von links nach rechts gelesen werden kann. Nehmen wir zum Beispiel an, wir möchten einen Text hinzufügen, der von oben nach unten und von rechts nach links gelesen wird, so wie hier.
.vertical-rl { writing-mode: vertical-rl; }Dies ist am nützlichsten in Sprachen wie Chinesisch, Japanisch oder Koreanisch, wo der Text oft vertikal gesetzt wird. In der englischen Sprache ist es wahrscheinlicher, dass Sie diese Eigenschaft aus ästhetischen Gründen verwenden möchten, z. B. um eine Überschrift in einem Textblock wie diesem auszurichten.
Werte
In den folgenden Beispielen habe ich den ersten Buchstaben des Textes rot gefärbt, damit man leichter erkennen kann, in welche Richtung man zu lesen beginnen muss.
horizontal-tb
Dies ist der Standardwert der Eigenschaft: Text wird von links nach rechts und von oben nach unten gelesen.
vertical-rl
Text wird von rechts nach links und von oben nach unten gelesen.
vertical-lr
Text wird von links nach rechts und von oben nach unten gelesen.
Verwandte Links
Browser-Unterstützung
Diese Browser-Support-Daten stammen von Caniuse, wo Sie weitere Details finden. Eine Zahl gibt an, dass der Browser die Funktion ab dieser Version unterstützt.
Desktop
| Chrome | Firefox | IE | Edge | Safari |
|---|---|---|---|---|
| 8* | 41 | 11 | 12 | 5.1* |
Mobil / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 127 | 127 | 3* | 5.0-5.1* |