CSS text-underline-offset egenskap

Definition och användning

text-underline-offset Egenskapen specificerar avståndet för understrykning av textdekorering.

Exempel

Ställ in avståndet för understrykning av textdekorering:

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;
}

Prova själv

CSS syntax

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

Egenskapsvärde

Värde Beskrivning
auto Standardvärde. Webbläsaren sätter ett lämpligt avstånd för understrykning.
length Specificera avståndet som en längdvärde.
percentage Specificera avståndet som en procentvärde.
initial Sätt värde på egenskapen till dess standardvärde. Se: initial.
inherit Försök att arbeta med egenskapen från föräldrelementet. Se: inherit.

Tekniska detaljer

Standardvärde: auto
Arvsförmåga: ja
Animation production: Stöds inte. Se:Animation relaterade egenskaper.
Version: CSS4
JavaScript syntax: object.style.textUnderlineOffset="1em"

Webbläsarstöd

Talen i tabellen representerar den första webbläsaren som fullständigt stöder egenskapen.

Chrome Edge Firefox Safari Opera
87.0 87.0 70.0 12.1 73.0

Relaterade sidor

Tutorials:CSS text decoration

Referens:HTML DOM textDecoration egenskap