CSS text-orientation ominaisuus

Määritelmä ja käyttö

text-orientation Ominaisuus määrittää merkin suunnan.

Huomaa:Ainoastaan, kun writing-mode Tämä on tehokasta vain, kun teksti on asetettu pystysuoraan.

Esimerkki

Esimerkki 1

Aseta tekstin suunta eri <div>-elementeille:

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

Kokeile itse

Esimerkki 2

text-orientation Ominaisuus voidaan käyttää muuttamaan taulukkopäätien suuntaa:

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

Kokeile itse

CSS-kieli

text-orientation: sekasotkuinen|upright|sideways|sideways-right|use-glyph-orientation|alkuperäinen|perintä;

Ominaisuusarvo

Arvo Kuvaus
Oletusarvo: Oletusarvo. Merkki kiertää 90 astetta myötäpäivään.
upright Merkki ei kierrä, pysyy pystysuorana.
sideways Merkin suunta on sama kuin writing-mode:ksi asetetun tekstin suunta, eli 90 astetta myötäpäivään.
sideways-right on yhtä kuin sideways-ominaisuuden arvo. säilytetään yhteensopivuuden vuoksi.
use-glyph-orientation Käytetään SVG-elementeissä, jotta teksti perii poistetut SVG-ominaisuudet glyph-orientation-vertical ja glyph-orientation-horizontal.
alkuperäinen Aseta tämä ominaisuus sen oletusarvon arvoon. Katso alkuperäinenAnimaatiot
Perii tämän ominaisuuden isältään. katso Perii tämän ominaisuuden isältään.Animaatiot

perintä

Tekninen tarkistus Oletusarvo:
sekasotkuinen Perintä:
kyllä Animaation tekeminen:Ei tuettu. Katso:Animaatiot
. Versio:
CSS3 JavaScript-kieli:

Selaimen tuki

Taulukon numerot ilmaisevat ensimmäisen täysin tukevan selaimen version.

Chrome Edge Firefox Safari Ooppera
48.0 79.0 41.0 14.0 35.0

Aiheeseen liittyvät sivut

Viittaus:CSS writing-mode ominaisuus