CSS αριστερή άκρος χρώμα ιδιότητα

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

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

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

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

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

Εκμάθηση CSS:CSS Περιθώρια

Εγχειρίδιο CSS:Χαρακτηριστικό border-left

Εγχειρίδιο HTML DOM:Αξία του χαρακτηριστικού 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

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

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

" -->