CSS border-block-start-color
La proprietà CSS3 border-block-start-color imposta il colore del bordo all'inizio del blocco
La proprietà border-block-start-color consente di definire il colore del bordo logico superiore (inizio del blocco). È particolarmente utile per rendere i layout compatibili con la direzione del contenuto, in contesti internazionali o con scritture verticali o da destra verso sinistra.
Sintassi
Significato dei valori principali:
color: definisce il colore del bordo, utilizzando un valore CSS valido:
#hex,rgb(),hsl()o parole chiave (red,black, ecc.).
Esempio proprietà: border-block-start-color
Codice Esempio: border-block-start-color
.border-block-start-color-example {
border-block-start-width: 6px; /* Larghezza del bordo */
border-block-start-style: solid; /* Stile del bordo */
border-block-start-color: #e76f51; /* Colore arancione/mattone */
padding: 20px;
background-color: #fff3ec;
font-size: 20px;
text-align: center;
border-radius: 6px;
}
Contenuto Esempio: border-block-start-color
Esempio di utilizzo di border-block-start-color
In questo esempio, la proprietà border-block-start-color imposta il colore del bordo all’inizio del blocco logico (in alto):
CSS e HTML per l'elemento con border-block-start-color:
<style>
.border-block-start-color-example {
border-block-start-width: 6px;
border-block-start-style: solid;
border-block-start-color: #e76f51;
padding: 20px;
background-color: #fff3ec;
font-size: 20px;
text-align: center;
border-radius: 6px;
}
</style>
<div class="border-block-start-color-example">
Bordo logico superiore 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.108
