⌘K

Egenskapen text-decoration

Egenskapen text-decoration lägger till olika effekter på text: understrykning, genomstrykning, linje ovanpå.

Syntax

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

Värden

Värde Beskrivning
underline Gör understruken text.
line-through Gör genomstruken text.
overline Gör en linje ovanför texten.
none Tar bort understrykning på ett understruket element. Används oftast för länkar, eftersom de som standard är understrukna.

Standardvärde: none. För länkar är standardvärdet: underline.

Exempel . Värde underline

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

Результат:

Exempel . Värde line-through

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

Результат:

Exempel . Värde overline

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

Результат:

Se även

BackEgenskapen text-alignNextEgenskapen text-decoration-line