CSS text-decoration-style egenskab

Definisjon og bruk

text-decoration-style egenskapen setter tekstens dekorationstype (enkel linje, bølgete linje, punktlagde linjer, prikkete linjer, dobbelte linjer).

Tips:Se også: text-decoration egenskapdet er en kortform av disse tre egenskapene:

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

Se også:

CSS lærebok:CSS Tekst

HTML DOM referansehåndbok:textDecorationStyle Egenskap

Eksempel

Sett forskjellige typer text-decoration stiler:

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

Prøv det selv

CSS syntaks

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

Egenskapsverdi

Verdi Beskrivelse
solid Standardverdi. Linjene vises som enkel linje.
dobbelt Linjene vises som dobbelte linjer.
prikket Linjene vises som punktlagde linjer.
prikket Linjene vises som prikkete linjer.
bølgete Linjene vises som bølgete linjer.
initial Sett denne egenskapen til sin standardverdi. Se også initial.
inherit Arver denne egenskapen fra sin foreldrelement. Se også inherit.

Teknisk detalj

Standardverdi: solid
Arv: Nei
Animasjon: Ikke støttet. Se også:Animasjonsrelaterte egenskaper.
Versjon: CSS3
JavaScript syntaks: object.style.textDecorationStyle="wavy"

Nettleserstøtte

Tallene i tabellen indikerer den første nettleseren som fullt ut støtter denne egenskapen.

Tall med -moz- indikerer den første versjon som bruker prefikset.

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