CSS πλάτος πλάτης αριστεράς ιδιότητα

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

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

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

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

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

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

Αναφορά:CSS πλάτη αριστεράς ιδιότητα

Αναφορά:HTML DOM borderLeftWidth ιδιότητα

Παράδειγμα

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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