CSS border-bottom-color στοιχεία

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

Η ρύθμιση του border-bottom-color ορίζει το χρώμα της κάτω κύριας γραμμής του στοιχείου.

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

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

Για περισσότερες πληροφορίες:

Εκμάθηση CSS:Πύργος του CSS

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

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

Παράδειγμα

Ρύθμιση του χρώματος της κάτω κύριας γραμμής:

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

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

Γλώσσα σύνταξης CSS

border-bottom-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.borderBottomColor="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".