⌘K

Egenskaben text-decoration

Egenskaben text-decoration tilføjer tekst forskellige effekter: understregning, gennemstregning, linje over.

Syntaks

cssselektor {
  text-decoration: underline | line-through | overline | none;
}

Værdier

Værdi Beskrivelse
underline Laver understreget tekst.
line-through Laver gennemstreget tekst.
overline Laver linje over teksten.
none Ophæver understregning af det understregede element. Bruges oftest for links, da de som standard er understreget.

Standardværdi: none. For links standardværdi: underline.

Eksempel . Værdien underline

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: underline;
}

Результат:

Eksempel . Værdien line-through

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: line-through;
}

Результат:

Eksempel . Værdien overline

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: overline;
}

Результат:

Se også

BackEgenskaben text-alignNextEgenskaben text-decoration-line