CSS writing-mode ominaisuus

Määritelmä ja käyttö

writing-mode Ominaisuus määrittää, miten tekstirivit sijoitetaan horisontaalisesti tai vertikaalisesti.

Katso myös:

CSS-opas:CSS tekstiefektit

Esimerkki

Määritä, miten tekstirivit sijoitetaan horisontaalisesti tai vertikaalisesti:

p.test1 {
  writing-mode: horizontal-tb; 
}
p.test2 {
  writing-mode: vertical-rl; 
}
span.test2 {
  writing-mode: vertical-rl; 
}

Kokeile itse

CSS-kieli

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

Ominaisuuden arvo

Arvo Kuvaus
horizontal-tb Aseta sisältöä vasemmalta oikealle ja ylös alaspäin.
vertical-rl Aseta sisältöä alhaalta ylös ja oikealta vasemmalle.
vertical-lr Aseta sisältöä alhaalta ylös ja vasemmalta oikealle.

Tekninen yksityiskohta

Oletusarvo: horizontal-tb
Perintä: On
Animaation tekeminen: Ei tuettu. Katso:Animaatiotutkijat.
Versio: CSS3
JavaScript-kieli: object.style.writingMode="vertical-rl"

Selaimen tuki

Taulukon numerot osoittavat ensimmäisen selaimen version, joka täysin tukee kyseistä ominaisuutta.

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