CSS border-top-width attribute

Καθορισμός και χρήση

Η ιδιότητα border-top-width καθορίζει το πλάτος του επάνω περιθωρίου του στοιχείου.

Λειτουργεί μόνο όταν ο τύπος του περιθωρίου δεν είναι none. Αν ο τύπος του περιθωρίου είναι none, το πλάτος του περιθωρίου θα επανέλθει στο 0. Δεν επιτρέπεται να καθοριστεί αρνητικό μήκος.

Σημείωση:Πρέπει πάντα να δηλώσετε την ιδιότητα border-style πριν από την ιδιότητα border-top-width. Ο στοιχείο πρέπει να έχει περιθώριο πριν από την αλλαγή του πλάτους του περιθωρίου.

Δείτε επίσης:

Εκμάθηση CSSCSS πύλες

Εγχειρίδιο CSSΗ ιδιότητα border-top

Εγχειρίδιο HTML DOMΗ ιδιότητα BorderLayoutWidth

Παράδειγμα

Ρύθμιση του πλάτους του επάνω περιθωρίου:

p
  {
  border-style:solid;
  border-top-width:15px;
  }

Προσπαθήστε το μόνοι σας

Γλώσσα γραφής CSS

border-top-width: medium|thin|thick|length|initial|inherit;

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

Τιμή Περιγραφή
thin Καθορίζει το λεπτό πλάτος του επάνω περιθωρίου.
medium Προεπιλεγμένη τιμή. Καθορίζει το μέτριο πλάτος του επάνω περιθωρίου.
thick Καθορίζει το粗 του επάνω περιθωρίου.
length Επιτρέπει να προσαρμόσετε το πλάτος του επάνω περιθωρίου.
inherit Καθορίζει ότι η πλάτος του περιθωρίου πρέπει να κληρονομηθεί από το γονικό στοιχείο.

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

Προεπιλεγμένη τιμή: medium
Κληρονομικότητα: no
Έκδοση: CSS1
Γλώσσα γραφής JavaScript: object.style.borderTopWidth="thick"

Περισσότερα παραδείγματα

Ρύθμιση του πλάτους του επάνω περιθωρίου
Αυτό το παράδειγμα δείχνει πώς να ρυθμίσετε το πλάτος της επάνω περιθωρίου.

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

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Σημείωση:Οι προηγούμενες εκδόσεις του IE μέχρι την έκδοση 7 δεν υποστηρίζουν τη τιμή "inherit". Η έκδοση IE8 απαιτεί !DOCTYPE. Η έκδοση IE9 υποστηρίζει "inherit".