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".