Style borderWidth ιδιότητα

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

borderWidth Η ιδιότητα ορίζει ή επιστρέφει τη διάσταση του περιβάλλοντος του στοιχείου.

Αυτή η ιδιότητα μπορεί να χρησιμοποιήσει έναν έως τέσσερις τιμές:

  • Μια τιμή, π.χ. p {border-width: thick} - Όλοι οι τέσσερις περιβάλλοντες είναι παχείς
  • Δύο τιμές, π.χ.：p {border-width: thick thin} - Τα πάνω και κάτω περιγράμματα粗, τα πλευρικά περιγράμματα ελαφριά
  • Τρεις τιμές, π.χ.：p {border-width: thick thin medium} - Το πάνω περιγράμμα粗, τα πλευρικά περιγράμματα ελαφριά, το κάτω περιγράμμα μέτριο
  • Τέσσερις τιμές, π.χ.：p {border-width: thick thin medium 10px} - Το πάνω περιγράμμα粗, το δεξί περιγράμμα ελαφριά, το κάτω περιγράμμα μέτριο, το αριστερό περιγράμμα 10px

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

Εκμάθηση CSS:CSS πύλη

Εγχειρίδιο CSS:Ιδιότητα border-width

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

Παράδειγμα

Παράδειγμα 1

Αλλάζει το πλάτος των τεσσάρων περιγραμμάτων του στοιχείου <div>:

document.getElementById("myDiv").style.borderWidth = "thick";

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

Παράδειγμα 2

Αλλάζει το πλάτος των πάνω και κάτω περιγραμμάτων του στοιχείου <div> σε粗 και το πλάτος των πλευρικών περιγραμμάτων σε ελαφριά:

document.getElementById("myDiv").style.borderWidth = "thick thin";

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

Παράδειγμα 3

Αλλάζει το πλάτος των τεσσάρων περιγραμμάτων του στοιχείου <div> με μήκη:

document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";

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

Παράδειγμα 4

Επιστρέφει το πλάτος περιγράμματος του στοιχείου <div>:

alert(document.getElementById("myDiv").style.borderWidth);

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

Γλώσσα:

Επιστρέφει την ιδιότητα borderWidth:

object.style.borderWidth

Ορίζει την ιδιότητα borderWidth:

object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
Τιμή Περιγραφή
thin Ορίζει ελαφριά περιγράμματα.
medium Ορίζει μέτρια περιγράμματα. Προεπιλεγμένο.
thick Ορίζει粗 περιγράμματα.
length Πλάτος περιγράμματος με μέτρηση μήκους.
initial Αποθηκεύει αυτή την ιδιότητα στη προεπιλεγμένη της τιμή. Δείτε: initial.
inherit Επιτρέπει την κληρονομιά αυτής της ιδιότητας από το γονικό στοιχείο. Δείτε: inherit.

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

Προεπιλεγμένη τιμή: medium
Αποτελεσμα: 字符串 που εκφράζει το πλάτος του περιγράμματος του στοιχείου.
CSS έκδοση: CSS1

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη