CSS χρώμα πλάτη κορμού

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

Το border-top-color ορίζει το χρώμα του επάνω πλαισίου του στοιχείου.

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

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

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

Εκμάθηση CSSCSS κλίμακα

Οδηγός CSSΑtributo BorderLayout

Οδηγός HTML DOMΑtributo BorderLayoutColor

Παράδειγμα

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

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

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

Γλώσσα CSS

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

Τιμή atribου

Τιμή atribου

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

Τεχνικά στοιχεία

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

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

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

Υποστήριξη του προγράμματος περιήγησης

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

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

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

Σημείωση:Οι προηγούμενες εκδόσεις του IE δεν υποστηρίζουν την τιμή "inherit". Το IE8 χρειάζεται !DOCTYPE. Το IE9 υποστηρίζει "inherit".