CSS text-underline-position eigenschap

Definitie en gebruik

text-underline-position De eigenschap specificeert de positie van de onderstreuningstekstdecoratie.

Stel de positie van de onderstreuningstekstdecoratie in:

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;

Waarde	Beschrijving
auto	Standaardwaarde. De browser bepaalt de positie van de onderstreping.
under	Plaats de onderstreping onder de letterfondsgrondlijn.
from-font	Als het lettertypebestand informatie bevat over de positie van de onderstreping, gebruik dan deze waarde. Anders, gebruik auto.
left	Bij verticale schrijfmodus, wordt de onderstreping aan de linkerkant van de tekst geplaatst. Bij horizontale schrijfmodus, wordt de onderstreping volgens auto geplaatst.
right	Bij verticale schrijfmodus, wordt de onderstreping aan de rechterkant van de tekst geplaatst. Bij horizontale schrijfmodus, wordt de onderstreping volgens auto geplaatst.
initial	Stel deze eigenschap in op de standaardwaarde. Raadpleeg initial.
inherit	Inherit deze eigenschap van de ouderlijke element. Raadpleeg inherit.

Standaardwaarde:	auto
Inheritance:	ja
Animatie maken:	Niet ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie:	CSS3
JavaScript syntaxis:	object.style.textUnderlinePosition="under"

De cijfers in de tabel geven de browserversie aan die de eigenschap volledig ondersteunt.

Chrome	Edge	Firefox	Safari	Opera
33.0	79.0	74.0	12.1	20.0