CSS writing-mode Eigenschaft
Definition und Verwendung
writing-mode Eigenschaft legt fest, ob die Textzeilen horizontal oder vertikal angeordnet werden sollen.
Weitere Informationen finden Sie unter：
CSS-Tutorial:CSS Texteffekte
Beispiel
Legt fest, ob die Textzeilen horizontal oder vertikal angeordnet werden sollen:
p.test1 {
writing-mode: horizontal-tb;
}
p.test2 {
writing-mode: vertical-rl;
}
span.test2 {
writing-mode: vertical-rl;
}
CSS-Syntax
writing-mode: horizontal-tb|vertical-rl|vertical-lr;
Eigenschaftswert
| Wert | Beschreibung |
|---|---|
| horizontal-tb | Lassen Sie den Inhalt von links nach rechts horizontal fließen und von oben nach unten vertikal fließen. |
| vertical-rl | Lassen Sie den Inhalt von oben nach unten vertikal fließen und von rechts nach links horizontal fließen. |
| vertical-lr | Lassen Sie den Inhalt von oben nach unten vertikal fließen und von links nach rechts horizontal fließen. |
Technische Details
| Standardwert: | horizontal-tb |
|---|---|
| Vererbung: | Ja |
| Animation Herstellung: | Nicht unterstützt. Bitte参阅：Animation bezogene Attribute. |
| Version: | CSS3 |
| JavaScript-Syntax: | object.style.writingMode="vertical-rl" |
Browser-Unterstützung
Die Zahlen in der Tabelle verweisen auf die erste Browser-Version, die diese Eigenschaft vollständig unterstützt.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 48.0 | 12.0 | 41.0 | 11.0 | 35.0 |
