CSS text-decoration-line egenskab

Definition og brug

Egenskaben text-decoration-line angiver typen af tekstdekoration, der skal bruges (understregning, overstregning,穿过线).

Påmindelse:Samtidig henvises til egenskaben text-decoration, som er en kortform for text-decoration-line, text-decoration-style og text-decoration-color.

Kommentar:Du kan også kombinere flere værdier, f.eks. underline og overline, for at vise linjer både over og under teksten.

Se også:

CSS tutorial:CSS tekst

HTML DOM referencehåndbog:textDecorationLine Egenskab

Eksempel

Indstil forskellige text-decoration-linjetyper:

div.a {
  text-decoration-line: overline;
}
div.b {
  text-decoration-line: underline;
}
div.c {
  text-decoration-line: line-through;
}
div.d {
  text-decoration-line: overline underline;
}

Prøv det selv

CSS syntaks

text-decoration-line: none|underline|overline|line-through|initial|inherit;

Egenskabsværdi

Værdi Beskrivelse
none Standardværdi. Definerer at text-decoration ikke har en linje.
underline Definerer visning af en linje under teksten.
overline Definerer visning af en linje over teksten.
line-through Definerer visning af en linje, der krydser teksten.
initial Sæt denne egenskab til dens standardværdi. Se: initial.
inherit Arver denne egenskab fra sin forældre element. Se: inherit.

Tekniske detaljer

Standardværdi: none
Arv: Nej
Animation fremstilling: Ikke understøttet. Se venligst:Animation relaterede egenskaber.
Version: CSS3
JavaScript syntaks: object.style.textDecorationLine="overline"

Browserunderstøttelse

Talene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

Tal med -webkit- eller -moz- foran er den første version, der bruger præfikset.

Chrome IE / Edge Firefox Safari Opera
57.0 79.0 36.0
6.0 -moz-		 12.1
7.1 -webkit-		 44.0