CSS writing-mode egenskap

Valfria kurser

Kursrekommendation: Definition och användning

writing-mode

Egenskapen definierar om textrader ska placeras horisontellt eller vertikalt.CSS text effects

Se också:

CSS-tutorial:

Exempel
  Definiera om textrader ska placeras horisontellt eller vertikalt: 
}
p.test2 {
  writing-mode: vertical-rl; 
}
span.test2 {
  writing-mode: vertical-rl; 
}

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
horizontal-tb Låt innehållet flöda horisontellt från vänster till höger, och vertikalt från topp till botten.
vertical-rl Låt innehållet flöda vertikalt från topp till botten, och horisontellt från höger till vänster.
vertical-lr Låt innehållet flöda vertikalt från topp till botten, och horisontellt från vänster till höger.

Tekniska detaljer

Standardvärde: horizontal-tb
Arv: är
Animeringsproduktion: Stöds inte. Se vidare:Animeringsrelaterade egenskaper.
Version: CSS3
JavaScript-syntax: object.style.writingMode="vertical-rl"

Webbläsarstöd

Talen i tabellen anger den första webbläsare som helt stöder denna egenskap.

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