CSS text-decoration-line egenskap

Definition och användning

text-decoration-line egenskapen ställer in vilken typ av textdekoration som ska användas (undersökning, överstrykning, genomgående).

Tips:Samtidigt vänligen se text-decoration egenskapen, som är en förkortning av text-decoration-line, text-decoration-style och text-decoration-color.

Kommentar:Du kan också kombinera flera värden, till exempel underline och overline, för att visa linjer både över och under texten.

Se också:

CSS tutorial:CSS text

HTML DOM referenshandbok:textDecorationLine Egenskap

Exempel

Ställ in olika 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;
}

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
none Standardvärde. Bestämmer att text-decoration inte har några linjer.
underline Bestämmer att visa en linje under texten.
overline Bestämmer att visa en linje över texten.
line-through Bestämmer att visa en linje genom texten.
initial Sätt denna egenskap till dess standardvärde. Se vidare initial.
inherit Inherritar denna egenskap från föräldrelementet. Se vidare inherit.

Tekniska detaljer

Standardvärde: none
Ärvning: nej
Animation production: inte stöds. Se vidare:Animation relaterade egenskaper.
Version: CSS3
JavaScript-syntax: object.style.textDecorationLine="overline"

Webbläsarstöd

Numrerna i tabellen anger den första webbläsarversionen som fullständigt stöder egenskapen.

Siffror med -webkit- eller -moz- anger den första versionen som använder prefixet.

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