Χρώμα περιθωρίου κορυφής
- Προηγούμενη σελίδα border-top
- Επόμενη σελίδα border-top-left-radius
Ορισμός και χρήση
Το border-top-color ορίζει το χρώμα της επάνω κανονικής γραμμής του στοιχείου.
Μπορεί να οριστεί μόνο το καθαρό χρώμα και μόνο όταν ο τύπος της κανονικής γραμμής είναι μια τιμή που δεν είναι none ή hidden.
Σημείωση:Πρέπει πάντα να δηλώσετε το attributes border-style πριν από το attributes border-color. Ο στοιχείο πρέπει να έχει ήδη αποκτήσει το border πριν αλλάξετε το χρώμα του.
Δείτε επίσης:
Εκμάθηση CSSCSS Κύρια Περιθώρια
Εγχειρίδιο CSSΑτрибούτο border-top
Εγχειρίδιο HTML DOMΑτрибούτο borderTopColor
Παράδειγμα
Ρύθμιση του χρώματος της επάνω κανονικής γραμμής:
p { border-style:solid; border-top-color:#ff0000; }
Γλώσσα σύνταξης CSS
border-top-color: color|transparent|initial|inherit;
Αξία attributes
Αξία attributes
Τιμή | Περιγραφή |
---|---|
color_name | Καθορίζει το χρώμα της κανονικής γραμμής ως όνομα χρώματος (π.χ. red). |
hex_number | Καθορίζει το χρώμα της κανονικής γραμμής ως δεκαεξαδικό αριθμό (π.χ. #ff0000). |
rgb_number | Καθορίζει το χρώμα της κανονικής γραμμής ως RGB κώδικα (π.χ. rgb(255,0,0)). |
transparent | Προεπιλεγμένη τιμή. Το χρώμα της κανονικής γραμμής είναι διαφανές. |
inherit | Καθορίζει ότι η χρώμα της κανονικής γραμμής θα πρέπει να προκύπτει από το γονικό στοιχείο. |
Τεχνικά λεπτομέρειες
Προεπιλεγμένη τιμή: | not specified |
---|---|
Παράδοση: | no |
Έκδοση: | CSS1 |
Γλώσσα σύνταξης JavaScript: | object.style.borderTopColor="blue" |
Περισσότερα παραδείγματα
- Ρύθμιση του χρώματος της επάνω κανονικής γραμμής
- Αυτό το παράδειγμα δείχνει πώς να ρυθμίσετε τον χρώμα της επάνω κανονικής γραμμής.
Υποστήριξη του browser
Τα αριθμήματα στη τаблицή σηματοδοτούν την πρώτη έκδοση του browser που υποστηρίζει πλήρως το attribute.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Σημείωση:Ο Internet Explorer 6 (και οι προηγούμενες εκδόσεις του) δεν υποστηρίζει την τιμή του attributes "transparent".
Σημείωση:Οι προηγούμενες εκδόσεις του Internet Explorer (έως και την έκδοση 7) δεν υποστηρίζουν την τιμή "inherit". Η έκδοση 8 απαιτεί !DOCTYPE. Η έκδοση 9 υποστηρίζει "inherit".
- Προηγούμενη σελίδα border-top
- Επόμενη σελίδα border-top-left-radius