Proprietà CSS border-right-color
- la pagina precedente border-right
- la pagina successiva border-right-style
Definizione e uso
border-right-color imposta il colore del bordo destro dell'elemento.
Può essere definito solo un colore puro e il bordo può apparire solo quando lo stile del bordo è un valore non none o hidden.
Nota:Si dovrebbe sempre dichiarare l'attributo border-style prima di border-color. L'elemento deve ottenere il bordo prima di cambiare il suo colore.
Vedi anche:
Tutorial CSS:CSS Bordo
Manuale di riferimento CSS:Attributo border-right
Manuale di riferimento HTML DOM:Attributo borderRightColor
Esempio
Impostare il colore del bordo destro:
p { border-style:solid; border-right-color:#ff0000; }
Sintassi CSS
border-right-color: color|transparent|initial|inherit;
Valore dell'attributo
Valore | Descrizione |
---|---|
color_name | Definisce il colore del bordo con il nome del colore (ad esempio red). |
hex_number | Definisce il colore del bordo con un valore esadecimale (ad esempio #ff0000). |
rgb_number | Definisce il colore del bordo con il codice rgb (ad esempio rgb(255,0,0)). |
transparent | Valore predefinito. Il colore del bordo è trasparente. |
inherit | Definisce che il colore del bordo dovrebbe essere ereditato dal elemento padre. |
Dettagli tecnici
Valore predefinito: | non specificato |
---|---|
Ereditarietà: | no |
Versione: | CSS1 |
Sintassi JavaScript: | object.style.borderRightColor="blue" |
Altri esempi
- Impostare il colore del bordo destro
- Questo esempio dimostra come impostare il colore del bordo destro.
Supporto del browser
I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Nota:Internet Explorer 6 (e versioni precedenti) non supporta il valore dell'attributo "transparent".
Nota:I browser Internet Explorer 7 e precedenti non supportano il valore "inherit". IE8 richiede !DOCTYPE. IE9 supporta "inherit".
- la pagina precedente border-right
- la pagina successiva border-right-style