CSS border-width attribute

Προτάσεις μαθημάτων:

Περιγραφή και χρήση

Το συντομευμένο χαρακτηριστικό border-width ορίζει το πλάτους περιγράμματος για όλα τα περιγράμματα του στοιχείου ή για κάθε περιγράμμα ξεχωριστά.

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

παράδειγμα 1
  • border-width:λεπτό μέτρια χονδρό 10px;
  • Το επάνω περιγράμματα είναι λεπτό
  • Το επάνω περιγράμματα είναι 10px
  • Το δεξί περιγράμματα είναι μετρίου πλάτους

Το αριστερό περιγράμματα είναι περιγράμματα πλάτους 10px

παράδειγμα 2
  • border-width:λεπτό μέτρια χονδρό 10px;
  • Το επάνω και το κάτω περιγράμματα είναι λεπτά
  • Το επάνω περιγράμματα είναι 10px

Το κάτω περιγράμματα είναι χονδρό

παράδειγμα 3
  • border-width:λεπτό μέτρια;
  • Το επάνω και το κάτω περιγράμματα είναι λεπτά

Το δεξί και το αριστερό περιγράμματα είναι μετρίου πλάτους

παράδειγμα 4
  • border-width:λεπτό;

Όλα τα 4 περιγράμματα είναι λεπτά

παράδειγμα

Ρυθμίστε το πλάτους περιγράμματος των τεσσάρων περιβλημάτων:
  p
  {
  border-style:solid;
  border-width:15px;

}

Δοκιμάστε το شخصικά

Γλώσσα CSSπλάτοςborder-width: μέτρια|λεπτό|χονδρό|

τιμή ιδιότητας |καταληκτικό;καταληκτικό;

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

Περισσότερες περιπτώσεις

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

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

Προεπιλεγμένη τιμή: μέτρια
Εγχειριστικότητα: όχι
Έκδοση: CSS1
Γλώσσα γραφείου JavaScript: αντικείμενο.style.borderWidth="χονδρό;πλούσιο"

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

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

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

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

Εκμάθηση CSS:CSS περιγραφή

Εγχειρίδιο HTML DOM:κατανομή πλάτους περιγράμματος