CSS text-orientation egenskap

Definition och användning

text-orientation Egenskapen specificerar tecknets riktning.

Observera:Endast när writing-mode Gäller endast när inställd på vertikal.

Ställ in textriktningen för olika <div>-element:

div.a {
  text-orientation: mixed;
}
div.b {
  text-orientation: upprätt;
}

text-orientation Egenskapen kan användas för att ändra riktningen på tabellhuvudet:

th {
    writing-mode: vertical-lr;
    text-orientation: upprätt;
}

text-orientation: mixed|upprätt|sidleds|sidleds-höger|use-glyph-orientation|initial|inherit;

Värde	Beskrivning
blandad	Standardvärde. Tecknet snurras med 90 grader medurs.
upprätt	Tecknet snurras inte, hålls upprätt.
sidleds	Tecknets riktning är samma som textlinjens riktning när writing-mode är vertikal, dvs. snurrad med 90 grader medurs.
sidleds-höger	är lika med sidleds egenskapsvärde. Behålls för kompatibilitetsändamål.
use-glyph-orientation	Används för SVG-element för att texten ska arbeta med de föråldrade SVG-attributen glyph-orientation-vertical och glyph-orientation-horizontal.
initial	Sätt denna egenskap till dess standardvärde. Se till: initial.
inherit	Följ från den föräldralelementets egenskap. Se till: inherit.

Standardvärde:	blandad
Arvande:	ja
Animeringsproduktion:	Stöds inte. Se till:Animeringsrelaterade egenskaper.
Version:	CSS3
JavaScript-syntax:	object.style.textOrientation="upright"

Tabellen siffror representerar den första webbläsarens version som fullständigt stöder egenskapen.

Chrome	Edge	Firefox	Safari	Opera
48.0	79.0	41.0	14.0	35.0