CSS border-right-width
La proprietà CSS border-right-width imposta la larghezza del bordo destro (CSS3)
La proprietà border-right-width consente di definire la larghezza del bordo destro di un elemento. Può essere un valore numerico in pixel (10px), in em (2em), o in altre unità di misura. È anche possibile usare valori predefiniti come thin, medium e thick.
Sintassi
Significato dei valori principali:
-
length: Imposta una larghezza del bordo destro. Può essere un valore in pixel (
px), em (em), rem (rem), percentuale (%) e altre unità di misura relative o assolute. -
auto: Imposta la larghezza del bordo in modo automatico, in base agli altri bordi o contenuti.
-
thin, medium, thick: Definiscono larghezze predefinite per il bordo, rispettivamente sottile, media e spessa.
Esempio proprietà: border-right-width
Codice Esempio: border-right-width
.border-right-width-example {
width: 300px;
height: 200px;
border-right-width: 10px; /* Imposta la larghezza del bordo destro */
border-right-style: solid; /* Bordo destro solido */
border-right-color: #50a14f; /* Colore verde per il bordo destro */
padding: 20px;
background-color: #ff6347;
color: white;
font-size: 22px;
text-align: center;
border-radius: 10px;
}
Contenuto Esempio: border-right-width
Esempio di utilizzo di border-right-width
In questo esempio, la proprietà border-right-width viene utilizzata per definire la larghezza del bordo destro di un elemento:
CSS e HTML per l'elemento con bordo destro largo:
<style>
.border-right-width-example {
width: 300px;
height: 200px;
border-right-width: 10px; /* Imposta la larghezza del bordo destro */
border-right-style: solid; /* Bordo destro solido */
border-right-color: #50a14f; /* Colore verde per il bordo destro */
padding: 20px;
background-color: #ff6347;
color: white;
font-size: 22px;
text-align: center;
border-radius: 10px;
}
</style>
<div class="border-right-width-example">
Elemento con bordo destro largo 10px
</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.214
