CSS text-underline-position egenskab

Definisjon og bruk

text-underline-position Egenskapen spesifiserer plasseringen av understreknings tekstdekorasjonen.

Eksempel

Sett plasseringen av understreknings tekstdekorasjonen:

div.a {
  text-decoration: underline;
  text-underline-position: auto;
}
div.b {
  text-decoration: underline;
  text-underline-position: under;
}

Prøv det selv

CSS syntaks

text-underline-position: auto|under|from-font|left|right|initial|inherit;

Egenskapsverdi

Verdi Beskrivelse
auto Standardverdi. Nettleseren bestemmer plasseringen av understrekingen.
under Sett understrekingen under bokstavbunnen.
from-font

Hvis fontfilen inneholder informasjon om understrekningsposisjonen, brukes denne verdien.

I annet fall brukes auto.
venstre

I vertikal skrivemodus plasseres understrekingen til venstre for teksten.

I horisontal skrivemodus plasseres understrekingen etter auto.
højre

I vertikal skrivemodus plasseres understrekingen til høyre for teksten.

I horisontal skrivemodus plasseres understrekingen etter auto.
initial Sett denne egenskapen til standardverdien. Se også initial.
inherit Arv denne egenskapen fra foreldrelementet. Se også inherit.

Teknisk detalj

Standardverdi: auto
Arv: ja
Animasjon: Ikke støttet. Se også:Animasjonsrelaterte egenskaper.
Versjon: CSS3
JavaScript syntaks: object.style.textUnderlinePosition="under"

Nettleserstøtte

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

Chrome Edge Firefox Safari Opera
33.0 79.0 74.0 12.1 20.0

Relaterede sider

Tilfølgende kurser:CSS tekstdekorering

Referencer:HTML DOM textDecoration egenskab