CSS text-decoration eigenschap

Definitie en gebruik

De text-decoration eigenschap specificeert de decoratie die wordt toegevoegd aan de tekst.

Opmerking:De kleur van de decoratie wordt ingesteld door de "color" eigenschap.

Uitleg

Deze eigenschap maakt het mogelijk om een bepaald effect op tekst in te stellen, zoals onderstreping. Als afstammelende elementen geen eigen decoratie hebben, zal de decoratie die op de voorouder is ingesteld, "uitbreiden" naar de afstammelende elementen. Er wordt geen ondersteuning voor blink vereist van de gebruikersagent.

Zie ook:

CSS tutorialCSS tekst

HTML DOM referentiemanualtextDecoration eigenschap

Voorbeeld

Stel de tekstdecoratie in voor de elementen h1, h2, h3, h4:

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}

Probeer het zelf uit

CSS syntax

text-decoration: text-decoration-line text-decoration-color text-decoration-style text-decoration-thickness|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
text-decoration-line Stel het type tekstdecoratie in dat moet worden gebruikt (bijv. onderstreping, overstreping, doorstreping).
text-decoration-color Stel de kleur van de tekstdecoratie in.
text-decoration-style Stel het stijltype van de tekstdecoratie in (bijv. volledig, golfvormig, stippen, lijn, dobbelsteek).
text-decoration-thickness Stel de dikte van de decoratielijn in.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap wordt van de ouderlijke elementen geërfd. Raadpleeg inherit.

Technische details

Standaardwaarde: geen
Inheritantie: nee
Versie: CSS1
JavaScript syntax: object.style.textDecoration="overline"

Meer voorbeelden

Geletterde aantrekkingen
Dit voorbeeld demonstreert hoe je aantrekkingen aan tekst kunt toevoegen.

Browserondersteuning

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

Chrome IE / Edge Firefox Safari Opera
1.0 3.0 1.0 1.0 3.5