CSS text-underline-position ominaisuus

Määrittely ja käyttö

text-underline-position Ominaisuus määrittää alaviivan tekstin korostuksen sijainnin.

Aseta alaviivan tekstin korostuksen sijainti:

div.a {
  text-decoration: underline;
  text-underline-position: auto;
}
div.b {
  text-decoration: underline;
  text-underline-position: under;
}

text-underline-position: auto|under|from-font|left|right|initial|inherit;

Arvo	Kuvaus
auto	Oletusarvo. Selaimet asettavat alaviivan sijainnin.
under	Aseta alaviiva kirjainten pohja-alaviivan alapuolelle.
from-font	Jos fonttifileissä on tietoa alaviivan sijainnista, käytä tätä arvoa. Muussa tapauksessa käytä auto-asetusta.
left	Vertikaalisessa kirjoitusmuodossa alaviiva sijoitetaan tekstin vasemmalle puolelle. Horisontaalisessa kirjoitusmuodossa alaviiva sijoitetaan auto-asetuksen mukaan.
right	Vertikaalisessa kirjoitusmuodossa alaviiva sijoitetaan tekstin oikealle puolelle. Horisontaalisessa kirjoitusmuodossa alaviiva sijoitetaan auto-asetuksen mukaan.
initial	Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit	Peri tämän ominaisuuden isältä elementiltä. Katso: inherit.

Oletusarvo:	auto
Perinnäisyys:	kyllä
Animaation tekeminen:	Ei tuettu. Katso:Animaatiot.
Versio:	CSS3
JavaScript-kieli:	object.style.textUnderlinePosition="under"

Taulukossa olevat numerot viittaavat ensimmäiseen selaimeseen, joka tukee ominaisuutta täysin.

Chrome	Edge	Firefox	Safari	Opera
33.0	79.0	74.0	12.1	20.0