CSS border-block-end-width
La proprietà CSS3 border-block-end-width imposta la larghezza del bordo alla fine del blocco
La proprietà border-block-end-width definisce lo spessore del bordo alla fine del blocco logico, che normalmente corrisponde al bordo inferiore. Accetta sia valori in lunghezza (px, em, ecc.) sia parole chiave come thin, medium e thick. È utile in contesti internazionali e layout scritti in diverse direzioni.
Sintassi
Significato dei valori principali:
-
length: specifica una larghezza espressa in unità CSS valide (
px,em,rem, ecc.). Es:2px,0.5rem. -
thin | medium | thick: parole chiave predefinite che indicano rispettivamente un bordo sottile, medio o spesso.
Esempio proprietà: border-block-end-width
Codice Esempio: border-block-end-width
.border-block-end-width-example {
border-block-end-width: 8px; /* Spessore del bordo inferiore logico */
border-block-end-style: solid;
border-block-end-color: #023e8a;
padding: 20px;
background-color: #caf0f8;
font-size: 20px;
text-align: center;
border-radius: 6px;
}
Contenuto Esempio: border-block-end-width
Esempio di utilizzo di border-block-end-width
In questo esempio, la proprietà border-block-end-width viene usata per impostare lo spessore del bordo logico alla fine del blocco:
CSS e HTML per l'elemento con border-block-end-width:
<style>
.border-block-end-width-example {
border-block-end-width: 8px;
border-block-end-style: solid;
border-block-end-color: #023e8a;
padding: 20px;
background-color: #caf0f8;
font-size: 20px;
text-align: center;
border-radius: 6px;
}
</style>
<div class="border-block-end-width-example">
Bordo logico in basso 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.214
