CSS writing-mode egenskab

Definisjon og bruk

writing-mode Egenskapen bestemmer om tekstlinjene skal plasseres horisontalt eller vertikalt.

Se også:

CSS-læring:CSS Teksteffekter

Eksempel

Bestemmer om tekstlinjene skal plasseres horisontalt eller vertikalt.

p.test1 {
  Definerer om tekstlinjene skal plasseres horisontalt eller vertikalt: 
}
p.test2 {
  writing-mode: vertical-rl; 
}
span.test2 {
  writing-mode: vertical-rl; 
}

Prøv selv

CSS syntaks

writing-mode: horizontal-tb|vertical-rl|vertical-lr;

Egenskapsverdi

Verdi Beskrivelse
horizontal-tb La innholdet flyte horisontalt til høyre og vertikalt oppover.
vertical-rl La innholdet flyte vertikalt oppover og horisontalt til venstre.
vertical-lr La innholdet flyte vertikalt oppover og horisontalt til høyre.

Teknisk detalj

Standardverdi: horizontal-tb
Arv: Er
Animasjon laget av: Ikke støttet. Se også:Animasjonsrelaterte egenskaper.
Versjon: CSS3
JavaScript syntaks: object.style.writingMode="vertical-rl"

Nettleserstøtte

Tallene i tabellen angiver den første nettleserversjonen som fullt ut støtter egenskapen.

Chrome IE / Edge Firefox Safari Opera
48.0 12.0 41.0 11.0 35.0