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

text-decoration-line հատկությունը սահմանում է տեքստի գծի տեղադրումը: Հատկությունը պետք է օգտագործել միասին text-decoration-style և text-decoration-color հատկությունների հետ: Այս հատկությունները ընդլայնում են text-decoration հատկության գործողությունը՝ հանդիսանալով ավելի առաջադեմ անալոգներ:

Շարահյուսություն

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

Արժեքներ

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

Օրինակ

Եկեք գծենք տեքստը կարմիր գծով:

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

css#elem {
  text-decoration-style: solid;
  text-decoration-color: red;
  text-decoration-line: line-through;
}

Результат: