CSS χρώμα πλάτη αριστεράς

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

Η ρύθμιση του border-left-color ορίζει το χρώμα του αριστερού περιθωρίου του στοιχείου.

Μπορεί να οριστεί μόνο καθαρό χρώμα και η περιθωρίου πρέπει να εμφανίζεται μόνο όταν ο τύπος του περιθωρίου είναι μια τιμή που δεν είναι none ή hidden.

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

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

Εκμάθηση CSS:Περιβάλλον περιθωρίου του CSS

Εγχειρίδιο CSS:Αtributo border-left

Εγχειρίδιο HTML DOM:Αtributo borderLeftColor

Παράδειγμα

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

p
  {
  border-style:solid;
  border-left-color:#ff0000;
  }

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

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

border-left-color: color|transparent|initial|inherit;

Τιμή του χαρακτηριστικού

Τιμή Περιγραφή
color_name Καθορίζεται το χρώμα του περιθωρίου ως όνομα χρώματος (π.χ. red).
hex_number Καθορίζεται το χρώμα του περιθωρίου ως δεκαεξαδική τιμή (π.χ. #ff0000).
rgb_number Καθορίζεται το χρώμα του περιθωρίου ως rgb κώδικα (π.χ. rgb(255,0,0)).
transparent Προεπιλεγμένη τιμή. Το χρώμα του περιθωρίου είναι διαφανές.
inherit Καθορίζεται ότι η ιδιότητα πρέπει να κληροδοτηθεί από το γονικό στοιχείο.

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

Προεπιλεγμένη τιμή: not specified
Εκληροδότηση: no
Έκδοση: CSS1
Γλώσσα γραφής JavaScript: object.style.borderLeftColor="blue"

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

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

Υποστήριξη του πλοηγητή

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

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

Σημείωση:Ο Internet Explorer 6 (και οι προηγούμενες εκδόσεις) δεν υποστηρίζει την τιμή του属性的 "transparent".

Σημείωση:Ο Internet Explorer 7 και οι προηγούμενες εκδόσεις των πλοηγητών δεν υποστηρίζουν την τιμή "inherit". Ο Internet Explorer 8 χρειάζεται !DOCTYPE. Ο Internet Explorer 9 υποστηρίζει "inherit".

" -->