CSS text-underline-offset ominaisuus

Määrittely ja käyttö

text-underline-offset Ominaisuus määrittää alaviivauksen tekstin korostuksen etäisyyden.

Esimerkki

Aseta alaviivauksen tekstin korostuksen etäisyys:

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

Kokeile itse!

CSS-kieli

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

Ominaisuusarvo

Arvo Kuvaus
auto Oletusarvo. Selain asettaa alaviivauksen sopivan etäisyyden.
length Määritä etäisyys mittamääränä.
percentage Määritä etäisyys prosenttiosuutena.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit Perii tämän ominaisuuden isältään. Katso: inherit.

Tekninen yksityiskohta

Oletusarvo: auto
Perintä: kyllä
Animaation tekeminen: Ei tuettu. Katso:Animaatiotulon ominaisuudet.
Versio: CSS4
JavaScript-kieli: object.style.textUnderlineOffset="1em"

Selaimen tuki

Taulukossa olevat numerot merkitsevät ensimmäistä selainta, joka täysin tukee ominaisuutta.

Chrome Edge Firefox Safari Opera
87.0 87.0 70.0 12.1 73.0

Liittyvät sivut

Oppitunti:CSS teksti koristelu

Viite:HTML DOM textDecoration ominaisuus