Ιδιότητα text-decoration

Η ιδιότητα text-decoration προσθέτει διάφορα εφέ στο κείμενο: υπογράμμιση, διαγραφή, γραμμή πάνω από το κείμενο.

Σύνταξη

cssεπιλογέας {
  text-decoration: underline | line-through | overline | none;
}

Τιμή	Περιγραφή
`underline`	Κάνει υπογραμμισμένο κείμενο.
`line-through`	Κάνει διαγραμμένο κείμενο.
`overline`	Κάνει γραμμή πάνω από το κείμενο.
`none`	Αφαιρεί την υπογράμμιση από υπογραμμισμένα στοιχεία. Χρησιμοποιείται συχνότερα για τους συνδέσμους, καθώς αυτοί είναι υπογραμμισμένοι από προεπιλογή.

Προεπιλεγμένη τιμή: none. Για συνδέσμους η προεπιλεγμένη τιμή: underline.

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

css#elem {
  text-decoration: underline;
}

Результат:

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

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

Результат:

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

css#elem {
  text-decoration: overline;
}

Результат:

η ιδιότητα text-decoration-style,
που επιτρέπει την αλλαγή του τύπου της γραμμής
η ιδιότητα text-decoration-color,
που επιτρέπει την αλλαγή του χρώματος της γραμμής
η ιδιότητα text-decoration-line,
που επιτρέπει την αλλαγή της θέσης της γραμμής