Πρότυπο CSS border-right-color

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

Η ρύθμιση border-right-color ορίζει το χρώμα του δεξιάς πλαισίου του στοιχείου.

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

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

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

Εκμάθηση CSS:CSS πύλες

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

Εγχειρίδιο HTML DOM:Αξία του χαρακτηριστικού borderRightColor

Παράδειγμα

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

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

Δοκιμάστε το εδώ

Γλώσσα γραφής CSS

border-right-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.borderRightColor="blue"

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

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

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

Τα αριθμήματα στην τаблицή αναφέρουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το χαρακτηριστικό.

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

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

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