CSS border-right-color
La proprietà CSS border-right-color imposta il colore del bordo destro
La proprietà border-right-color consente di definire il colore del bordo destro di un elemento. È possibile utilizzare qualsiasi valore di colore CSS, come **esadecimale**, **RGB**, **HSL** o parole chiave come **`red`** o **`blue`**.
Sintassi
Significato dei valori principali:
-
color: definisce il colore del bordo destro dell'elemento. Può essere una stringa di colore in formato esadecimale (
#ff6347), RGB (rgb(255, 99, 71)), HSL (hsl(9, 100%, 64%)) o una parola chiave comered,green, ecc.
Esempio proprietà: border-right-color
Codice Esempio: border-right-color
.border-right-color-example {
width: 300px;
height: 200px;
border-right-width: 5px; /* Imposta la larghezza del bordo destro */
border-right-color: #50a14f; /* Colore verde per il bordo destro */
border-right-style: solid; /* Bordo destro solido */
padding: 20px;
background-color: #ff6347;
color: white;
font-size: 22px;
text-align: center;
border-radius: 10px;
}
Contenuto Esempio: border-right-color
Esempio di utilizzo di border-right-color
In questo esempio, la proprietà border-right-color viene utilizzata per definire il colore del bordo destro di un elemento:
CSS e HTML per l'elemento con bordo destro colorato:
<style>
.border-right-color-example {
width: 300px;
height: 200px;
border-right-width: 15px; /* Imposta la larghezza del bordo destro */
border-right-color: #ff6347; /* Colore rosso per il bordo destro */
border-right-style: solid; /* Bordo destro solido */
padding: 20px;
background-color: #333;
color: white;
font-size: 22px;
text-align: center;
border-radius: 10px;
}
</style>
<div class="border-right-color-example">
Elemento con bordo destro colorato
</div>
Note:
Le indicazioni dei Browser supportati sono superate grazie alla loro costante evoluzione, si consiglia di verificare la compatibilità dei vari browser eseguendo il test cliccando qui sotto.
Supporto Browser
IP: 216.73.216.118
