CSS text-decoration-style eigenschap

Definitie en gebruik

De text-decoration-style eigenschap stelt het type tekstdecoratie in (solide, golflijn, gepuncteerde lijn, gestreepte lijn, dubbele lijn).

Tip:Zie ook: text-decoration eigenschapHet is een verkorte eigenschap van deze drie eigenschappen:

  • text-decoration-line
  • text-decoration-style
  • text-decoration-color

Zie ook:

CSS handleiding:CSS tekst

HTML DOM referentiemanual:textDecorationStyle Eigenschap

Voorbeeld

Stel verschillende types text-decoration-stijlen in:

div.a {
  text-decoration-line: underline;
  text-decoration-style: solid;
}
div.b {
  text-decoration-line: underline;
  text-decoration-style: golvend;
}
div.c {
  text-decoration-line: underline;
  text-decoration-style: dubbel;
}
div.d {
  text-decoration-line: overline underline;
  text-decoration-style: golvend;
}

Probeer het zelf uit

CSS syntaxis

text-decoration-style: solid|double|gepunktteerd|gestreept|golvend|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
solid Standaardwaarde. De lijn wordt weergegeven als een enkele lijn.
dubbel De lijn wordt weergegeven als een dubbele lijn.
gepunktteerd De lijn wordt weergegeven als een gepuncteerde lijn.
gestreept De lijn wordt weergegeven als een gestreepte lijn.
golvend De lijn wordt weergegeven als een golflijn.
initial Deze eigenschap instellen op de standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap erfgenomen van de ouder-element. Raadpleeg inherit.

Technische details

Standaardwaarde: solid
Inheritantie: Nee
Animatie maken: Niet ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie: CSS3
JavaScript syntaxis: object.style.textDecorationStyle="wavy"

Browserondersteuning

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

Getallen met -moz- voorafgaand betekenen de eerste versie met het voorvoegsel gebruikt.

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