CSS text-decoration-line eigenschap

Definitie en gebruik

De text-decoration-line-eigenschap stelt het type tekstdecoratie in dat moet worden gebruikt (onderstreping, doorstreping, doormakend).

Tip:Gelieve ook de text-decoration-eigenschap te raadplegen, die een afkorting is van text-decoration-line, text-decoration-style en text-decoration-color.

Opmerking:U kunt ook meerdere waarden combineren, zoals underline en overline, om lijnen tegelijkertijd boven en onder de tekst weer te geven.

Zie ook:

CSS handleiding:CSS tekst

HTML DOM referentiemanualtextDecorationLine Eigenschap

Voorbeeld

Stel verschillende text-decoration lijntypen in:

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

Probeer het zelf

CSS syntaxis

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

Eigenschapswaarde

Waarde Beschrijving
none Standaardwaarde. Bepaalt dat text-decoration geen lijnen heeft.
underline Bepaalt de lijn die onder het tekstoverzicht wordt weergegeven.
overline Bepaalt de lijn die boven het tekstoverzicht wordt weergegeven.
line-through Bepaalt de lijn die door het tekstoverzicht gaat.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap erfgenomen van de ouderlijke element. Raadpleeg inherit.

Technische details

Standaardwaarde: none
Inheriteren: Nee
Animatie maken: Niet ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie: CSS3
JavaScript syntaxis: object.style.textDecorationLine="overline"

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

Getallen met -webkit- of -moz- als voorvoegsel vertegenwoordigen de eerste versie die de prefix gebruikt.

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