CSS text-underline-offset eigenschap

Definitie en gebruik

text-underline-offset De eigenschap specificeert de afstand van de onderlijn van het tekstdecoratie.

Voorbeeld

Stel de afstand van de onderlijn van het tekstdecoratie in:

div.a {
  text-decoration: underline;
}
div.b {
  text-decoration: underline;
  text-underline-offset: 10px;
}
div.c {
  text-decoration: underline wavy blue;
}
div.d {
  text-decoration: underline wavy blue;
  text-underline-offset: 10px;
}

Probeer het zelf uit

CSS syntaxis

text-underline-offset: auto|length|percentage|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
auto Standaardwaarde. De browser stelt een passende offset in voor de onderlijn.
length Specificeer de offset als een lengtewaarde.
percentage Specificeer de offset als een percentage.
initial Deze eigenschap instellen op de standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap overnemen van de ouder element. Raadpleeg inherit.

Technische details

Standaardwaarde: auto
Inheritantie: ja
Animatie maken: Niet ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie: CSS4
JavaScript syntaxis: object.style.textUnderlineOffset="1em"

Browserondersteuning

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

Chrome Edge Firefox Safari Opera
87.0 87.0 70.0 12.1 73.0

Gerelateerde pagina's

Handleiding:CSS tekstdecoratie

Bron:HTML DOM textDecoration eigenschap