CSS text-orientation eigenschap

Definitie en gebruik

text-orientation De eigenschap specificeert de richting van de tekens.

Opmerking:Alleen wanneer writing-mode Is alleen effectief wanneer ingesteld op verticaal.

Stel de tekstrichting in voor verschillende <div>-elementen:

div.a {
  text-orientation: mixed;
}
div.b {
  text-orientation: upright;
}

text-orientation De eigenschap kan worden gebruikt om de richting van de tabelkop te wijzigen:

th {
    writing-mode: vertical-lr;
    text-orientation: upright;
}

text-orientation: mixed|upright|sideways|sideways-right|use-glyph-orientation|initial|inherit;

Waarde	Beschrijving
gemengd	Standaardwaarde. Tekens worden 90 graden met de klok mee geroteerd.
upright	Tekens worden niet geroteerd, blijven loodrecht.
sideways	De richting van de tekens is dezelfde als de richting van de tekstregels bij writing-mode vertical, dat wil zeggen, 90 graden met de klok mee geroteerd.
sideways-right	gelijk aan de waarde van de sideways-eigenschap. Behouden voor compatibiliteitsdoeleinden.
use-glyph-orientation	Gebruikt voor SVG-elementen, zodat tekst het verouderde SVG-eigenschappen glyph-orientation-vertical en glyph-orientation-horizontal overneemt.
initial	Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit	Deze eigenschap erfst van de ouder-element. Raadpleeg inherit.

Standaardwaarde:	gemengd
Inheritschapskenmerken:	yes
Animatieproductie:	Niet ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie:	CSS3
JavaScript syntaxis:	object.style.textOrientation="upright"

Tabelcijfers vertegenwoordigen de browserversie die de eigenschap volledig ondersteunt.

Chrome	Edge	Firefox	Safari	Opera
48.0	79.0	41.0	14.0	35.0