CSS text-decoration-style attribute

Ορισμός και χρήση

Η ιδιότητα text-decoration-style καθορίζει τον τύπο διακόσμησης του κειμένου (μονογραμμή, κυματιστή, σημεία, διπλότυπη, προεπιλεγμένη).

Συμβουλή:Επίσης δείτε: Ιδιότητα text-decorationείναι η συντομευμένη έκδοση των τριών αυτών ιδιοτήτων:

  • text-decoration-line
  • text-decoration-style
  • text-decoration-color

Επίσης δείτε:

Εκμάθηση CSS:Κείμενο CSS

Εγχειρίδιο HTML DOM:textDecorationStyle Ιδιότητα

Παράδειγμα

Ρυθμίστε διαφορετικούς τύπους διακοσμήσεων text-decoration:

div.a {
  text-decoration-line: underline;
  text-decoration-style: solid;
}
div.b {
  text-decoration-line: underline;
  text-decoration-style: wavy;
}
div.c {
  text-decoration-line: underline;
  text-decoration-style: double;
}
div.d {
  text-decoration-line: overline underline;
  text-decoration-style: wavy;
}

Δοκιμάστε το προσωπικά

Γλώσσα CSS

text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;

Τιμή ιδιότητας

Τιμή Περιγραφή
solid Προεπιλεγμένη τιμή. Οι γραμμές εμφανίζονται ως μονόγραμμες.
double Οι γραμμές εμφανίζονται ως διπλές.
dotted Οι γραμμές εμφανίζονται ως σημεία.
dashed Οι γραμμές εμφανίζονται ως διπλότυπες.
wavy Οι γραμμές εμφανίζονται ως κυματιστές.
initial Ρυθμίστε αυτή την ιδιότητα στη προεπιλεγμένη της τιμή. Δείτε: initial.
inherit Κληρονομείται αυτή η ιδιότητα από το γονικό στοιχείο. Δείτε: inherit.

Τεχνικές λεπτομέρειες

Προεπιλεγμένη τιμή: solid
Κληρονομικότητα: Όχι
Παραγωγή animation: Δεν υποστηρίζεται. Δείτε:Αναλογικές ιδιότητες animation.
Έκδοση: CSS3
Γλώσσα JavaScript: object.style.textDecorationStyle="wavy"

Υποστήριξη περιηγητή

Οι αριθμοί στη τράπεζα δείχνουν την πρώτη έκδοση του περιηγητή που υποστηρίζει πλήρως το χαρακτηριστικό.

Αριθμοί με -moz- υποδηλώνουν τη πρώτη έκδοση που χρησιμοποιεί το πρόθεμα.

Chrome IE / Edge Firefox Safari Opera
57.0 79.0 36.0
6.0 -moz-		 12.1 44.0