CSS border-right
La proprietà CSS border-right imposta il bordo destro di un elemento
La proprietà border-right permette di definire la larghezza, lo stile e il colore del bordo destro di un elemento. È una scorciatoia che semplifica l'applicazione simultanea di border-right-width, border-right-style, e border-right-color in un'unica dichiarazione.
Sintassi
Significato dei valori principali:
-
width: definisce la larghezza del bordo destro, in unità di misura come px, em, ecc.
-
style: specifica lo stile del bordo destro, come
solid,dashed,dotted, ecc. -
color: definisce il colore del bordo destro, ad esempio
#ff6347orgb(255, 99, 71).
Esempio proprietà: border-right
Codice Esempio: border-right
.border-right-example {
width: 300px;
height: 200px;
border-right: 5px solid #50a14f; /* Imposta un bordo destro di 5px di larghezza, solido e verde */
padding: 20px;
background-color: #ff6347;
color: white;
font-size: 22px;
text-align: center;
border-radius: 10px;
}
Contenuto Esempio: border-right
Esempio di utilizzo di border-right
In questo esempio, la proprietà border-right viene utilizzata per definire in un'unica dichiarazione il bordo destro di un elemento, includendo spessore, stile e colore.
CSS e HTML per l'elemento con bordo destro personalizzato:
<style>
.border-right-example {
width: 300px;
height: 200px;
border-right: 15px solid #50a14f; /* bordo destro di 15px, solido e verde */
padding: 20px;
background-color: #333;
color: white;
font-size: 22px;
text-align: center;
border-radius: 10px;
}
</style>
<div class="border-right-example">
Elemento con bordo destro personalizzato
</div>
Leggenda Proprietà:
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
