CSS border-block-start-width
La proprietà CSS3 border-block-start-width imposta la larghezza del bordo all'inizio del blocco
La proprietà border-block-start-width consente di specificare lo spessore del bordo logico all'inizio del blocco. Supporta sia unità di misura CSS come px, em, sia parole chiave come thin, medium e thick. Si adatta alla direzione del testo e migliora la flessibilità dei layout.
Sintassi
Significato dei valori principali:
length: valore espresso in unità CSS valide come
px,em,rem. Es:3px,0.2rem.thin | medium | thick: parole chiave che indicano rispettivamente un bordo sottile, medio o spesso.
Esempio proprietà: border-block-start-width
Codice Esempio: border-block-start-width
.border-block-start-width-example {
border-block-start-width: 10px; /* Spessore del bordo */
border-block-start-style: solid;
border-block-start-color: #0077b6;
padding: 20px;
background-color: #e0f7fa;
font-size: 20px;
text-align: center;
border-radius: 6px;
}
Contenuto Esempio: border-block-start-width
Esempio di utilizzo di border-block-start-width
In questo esempio, la proprietà border-block-start-width viene utilizzata per definire lo spessore del bordo all'inizio del blocco:
CSS e HTML per l'elemento con border-block-start-width:
<style>
.border-block-start-width-example {
border-block-start-width: 10px;
border-block-start-style: solid;
border-block-start-color: #0077b6;
padding: 20px;
background-color: #e0f7fa;
font-size: 20px;
text-align: center;
border-radius: 6px;
}
</style>
<div class="border-block-start-width-example">
Bordo logico superiore spesso
</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
