CSS text-underline-offset egenskab

Definisjon og bruk

text-underline-offset Egenskapen spesifiserer avstanden til tekstens understrekningsdekorasjon.

Eksempel

Sett avstanden til tekstens understrekningsdekorasjon:

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

Prøv det selv

CSS syntaks

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

Egenskapsverdi

Verdi Beskrivelse
auto Standardverdi. Nettsøkeren setter en passende avstand for understreking.
length Angi avstanden som en lengdeverdi.
percentage Angi avstanden som en prosentandel.
initial Sett denne egenskapen til sin standardverdi. Se: initial.
inherit Arv denne egenskapen fra foreldrelementet. Se: inherit.

Tekniske detaljer

Standardverdi: auto
Arv: ja
Animasjonsproduksjon: Ikke støttet. Se:Animasjonsrelaterte egenskaper.
Versjon: CSS4
JavaScript syntaks: object.style.textUnderlineOffset="1em"

Nettleserstøtte

Tallene i tabellen angiver den første nettleser som fullt ut støtter egenskapen.

Chrome Edge Firefox Safari Opera
87.0 87.0 70.0 12.1 73.0

Relaterede sider

Tilfølgelig:CSS tekstdekoration

Referencer:HTML DOM textDecoration egenskab