CSS text-decoration-style egenskap

Definition och användning

text-decoration-style egenskapen sätter textens dekorationstyp (solid, vågig, punktlinje, punktlinje, dubbel linje).

Tips:Se också: text-decoration egenskapdet är en förkortning av dessa tre egenskaper:

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

Se också:

CSS tutorial:CSS text

HTML DOM referenshandbok:textDecorationStyle Egenskap

Exempel

Ställ in olika typer av text-decoration-stilar:

div.a {
  text-decoration-line: understrykning;
  text-decoration-style: solid;
}
div.b {
  text-decoration-line: understrykning;
  text-decoration-style: wavy;
}
div.c {
  text-decoration-line: understrykning;
  text-decoration-style: double;
}
div.d {
  text-decoration-line: överstrykning understrykning;
  text-decoration-style: wavy;
}

Prova själv

CSS syntax

text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;

Egenskapsvärde

Värde Beskrivning
solid Standardvärde. Linjen visas som enkel linje.
dubbel Linjen visas som dubbel linje.
prickpunkt Linjen visas som prickpunkter.
punktlinje Linjen visas som punktlinje.
vågig Linjen visas som våglinje.
initial Sätt denna egenskap till dess standardvärde. Se vidare initial.
inherit Följer från föräldrelementet för denna egenskap. Se vidare inherit.

Tekniska detaljer

Standardvärde: solid
Arv: Nej
Animering: Inte stödd. Se vidare:Animeringsrelaterade egenskaper.
Version: CSS3
JavaScript syntax: object.style.textDecorationStyle="wavy"

Webbläsarstöd

Tal i tabellen anger den första webbläsarversion som helt stöder detta egenskap.

Tal med -moz- indikerar den första versionen som använder prefix.

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