CSS writing-mode eigenschap

Keuzevak

Aanbevolen cursus: Definitie en gebruik

writing-mode

Eigenschap bepaalt of de tekstregels horizontaal of verticaal worden weergegeven.CSS teksteffecten

Zie ook:

CSS handleiding:

Voorbeeld
  Bepaal of de tekstregels horizontaal of verticaal worden weergegeven: 
}
p.test2 {
  writing-mode: vertical-rl; 
}
span.test2 {
  writing-mode: vertical-rl; 
}

Probeer het zelf uit

CSS syntaxis

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

Eigenschapswaarde

Waarde Beschrijving
horizontal-tb Laat de inhoud van links naar rechts horizontaal stromen, van boven naar beneden verticaal stromen.
vertical-rl Laat de inhoud van boven naar beneden verticaal stromen, van rechts naar links horizontaal stromen.
vertical-lr Laat de inhoud van boven naar beneden verticaal stromen, van links naar rechts horizontaal stromen.

Technische details

Standaardwaarde: horizontal-tb
Inheritance: Ja
Animatiegemaakt: Niet ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie: CSS3
JavaScript syntaxis: object.style.writingMode="vertical-rl"

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

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