⌘K

A text-decoration tulajdonság

A text-decoration tulajdonság különféle effekteket ad a szöveghez: aláhúzást, áthúzást, felülhúzást.

Szintaxis

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

Értékek

Érték Leírás
underline Aláhúzott szöveget készít.
line-through Áthúzott szöveget készít.
overline Vonalat húz a szöveg fölé.
none Eltávolítja az aláhúzást az aláhúzott elemről. Leggyakrabban linkekre használják, mivel azok alapértelmezetten aláhúzottak.

Alapértelmezett érték: none. Linkek esetén az alapértelmezett érték: underline.

Példa . Az underline érték

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

Результат:

Példa . A line-through érték

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

Результат:

Példa . Az overline érték

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

Результат:

Lásd még

BackA text-align tulajdonságNextA text-decoration-line tulajdonság