CSS -Schreibmodus- Eigenschaft
Beispiel
Geben Sie an, ob Textzeilen horizontal oder vertikal angeordnet werden:
p.test1 {
writing-mode: horizontal-tb;
}
p.test2 {
writing-mode: vertical-rl;
}
span.test2 {
writing-mode:
vertical-rl;
}
Definition und Verwendung
Die writing-mode
Eigenschaft gibt an, ob Textzeilen horizontal oder vertikal angeordnet werden.
Standardwert: | horizontal-tb |
---|---|
Vererbt: | ja |
Animierbar: | Nein. Lesen Sie mehr über animierbare |
Ausführung: | CSS3 |
JavaScript-Syntax: | Objekt .style.writingMode="vertikal-rl" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
writing-mode | 48.0 | 12.0 | 41.0 | 11.0 | 35.0 |
CSS-Syntax
writing-mode: horizontal-tb|vertical-rl|vertical-lr;
Eigenschaftswerte
Value | Description |
---|---|
horizontal-tb | Let the content flow horizontally from left to right, vertically from top to bottom |
vertical-rl | Let the content flow vertically from top to bottom, horizontally from right to left |
vertical-lr | Let the content flow vertically from top to bottom, horizontally from left to right |
Verwandte Seiten
CSS-Tutorial: CSS-Texteffekte