CSS text-decoration-thickness ιδιότητα

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

Η ιδιότητα text-decoration-thickness ορίζει το πάχος της διακόσμησης.

Ανατρέξτε επίσης σε:

Περισσότερες πληροφορίες:Παράδειγμα χειρογράφου CSS:

Ταξινόμηση text-decorationCSS κείμενο

Εκμάθηση CSS:

Παράδειγμα

Ρυθμίστε διαφορετικά πάχη διακόσμησης για τα στοιχεία <h1>, <h2>, <h3>, <h4>:
  text-decoration: underline;
  text-decoration-thickness: auto;
}
h2 {
  text-decoration: underline;
  text-decoration-thickness: 5px;
}
h3 {
  text-decoration: underline;
  text-decoration-thickness: 50%;
}
/* Χρήση συντομεύσεων ιδιοτήτων */
h4 {
  text-decoration: underline solid red 50%;
}

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

Γλώσσα CSS

text-decoration-thickness: auto|from-font|length/percentage|initial|inherit;

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

Τιμή Περιγραφή
auto Ο περιηγητής επιλέγει το πάχος της διακόσμησης.
from-font Αν το αρχείο του χαρακτήρα περιέχει πληροφορίες για το προτιμώμενο πάχος, χρησιμοποιήστε αυτήν την τιμή. Αν όχι, θα εμφανιστεί ως auto.
length/percentage Ορίζει το πάχος ως τιμή μήκους ή ποσοστό.
initial Ρυθμίστε αυτήν την ιδιότητα στην προεπιλεγμένη τιμή. Ανατρέξτε σε: initial.
inherit Κληρονομεί αυτήν την ιδιότητα από το γονικό στοιχείο. Ανατρέξτε σε: inherit.

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

Προεπιλεγμένη τιμή: auto
Κληρονομικότητα: Όχι
Προσθήκη κινήσεων: Δεν υποστηρίζεται. Ανατρέξτε σε:Παράμετροι σχετικές με την κίνηση.
Έκδοση: CSS4
Γλώσσα προγραμματισμού JavaScript: object.style.textDecorationThickness="5px"

Υποστήριξη του προγράμματος περιήγησης

Οι αριθμοί στη τаблицή σημειώνουν την έκδοση του πρώτου προγράμματος περιήγησης που υποστηρίζει αυτήν την ιδιότητα.

Chrome IE / Edge Firefox Safari Opera
89.0 89.0 70.0 12.1 75.0