⌘K

Egenskapen text-decoration

Egenskapen text-decoration legger til ulike effekter på teksten: understreking, gjennomstreking, linje over.

Syntaks

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

Verdier

Verdi Beskrivelse
underline Gjør teksten understreket.
line-through Gjør teksten gjennomstreket.
overline Legger linje over teksten.
none Fjerner understreking fra understrekede elementer. Brukes oftest for lenker, siden de som standard er understreket.

Standardverdi: none. For lenker er standardverdien: underline.

Eksempel . Verdien underline

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

Результат:

Eksempel . Verdien line-through

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

Результат:

Eksempel . Verdien overline

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

Результат:

Se også

BackEgenskapen text-alignNextEgenskapen text-decoration-line