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

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

Το border-bottom-color ορίζει το χρώμα της κάτω κοντώματος του στοιχείου.

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

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

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

Εκμάθηση CSS:CSS όρια

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

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

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

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