CSS text-orientation egenskab

Definition og brug

text-orientation Egenskaben specificerer bogstavernes retning.

Bemærk:Kun når writing-mode Gælder kun, når indstillet til lodret.

Eksempel

Eksempel 1

Sæt tekstretning for forskellige <div>-elementer:

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

Prøv det selv

Eksempel 2

text-orientation Egenskaben kan bruges til at ændre retningen af tabelhovedet:

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

Prøv det selv

CSS syntaks

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

Egenskabsværdi

Værdi Beskrivelse
blandet Standardværdi. Bokstavernes rotation er clockwise på 90 grader.
upright Bokstavernes rotation er ikke ændret, og de forbliver lodrette.
sideways Bokstavernes retning er samme som tekstlinjens retning, når writing-mode er lodret, hvilket betyder en clockwise rotation på 90 grader.
sideways-right er lig med værdien af sideways-egenskaben. Beholdes til kompatibilitetsformål.
use-glyph-orientation Bruges til SVG-elementer, så teksten arver de afbrudte SVG-egenskaber glyph-orientation-vertical og glyph-orientation-horizontal.
initial Sæt denne egenskab til dens standardværdi. Se: initial.
inherit Arve denne egenskab fra sin forældrelement. Se: inherit.

Tekniske detaljer

Standardværdi: blandet
Arv: ja
Animation laver: Ikke understøttet. Se:Animation relaterede egenskaber.
Version: CSS3
JavaScript syntaks: object.style.textOrientation="upright"

Browserunderstøttelse

Tabelens tal angiver versionen af den første browser, der fuldt ud understøtter egenskaben.

Chrome Edge Firefox Safari Opera
48.0 79.0 41.0 14.0 35.0

Relaterede sider

Referencer:CSS writing-mode egenskab