text-decoration հատկությունը

text-decoration հատկությունը ավելացնում է տեքստին տարբեր էֆեկտներ՝ ընդգծում, ջնջում, գիծ վերևից:

Սինտաքս

cssընտրիչ {
  text-decoration: underline | line-through | overline | none;
}

Արժեքներ

Լռելյայն արժեքը՝ none: Հղումների համար լռելյայն արժեքը՝ underline:

Օրինակ : underline արժեք

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration: underline;
}

Результат:

Օրինակ : line-through արժեք

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration: line-through;
}

Результат:

Օրինակ : overline արժեք

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration: overline;
}

Результат:

Տես նաև