CSS border-inline-start-width
La proprietà CSS3 border-inline-start-width imposta la larghezza del bordo sul lato iniziale logico
La proprietà border-inline-start-width definisce quanto deve essere spesso il bordo sul lato iniziale in linea dell’elemento.
Questo bordo si adatta automaticamente alla direzione del contenuto, risultando a sinistra in LTR e a destra in RTL.
Sintassi
Significato dei valori principali:
thin: larghezza sottile (dipende dal browser).
medium: larghezza media (valore predefinito).
thick: larghezza spessa.
<lunghezza>: un valore preciso in unità CSS (
2px,0.3em,4mm, ecc.).
Esempio proprietà: border-inline-start-width
Codice Esempio: border-inline-start-width
.border-inline-start-width-example {
width: 80%;
padding: 20px;
border-inline-start-width: 10px;
border-inline-start-style: solid;
border-inline-start-color: #d35400;
background-color: #fef4ec;
font-size: 20px;
text-align: center;
direction: ltr;
border-radius: 8px;
}
Contenuto Esempio: border-inline-start-width
Esempio di utilizzo di border-inline-start-width
In questo esempio, il bordo sul lato iniziale in linea ha una larghezza personalizzata:
CSS e HTML per l'elemento con border-inline-start-width:
<style>
.border-inline-start-width-example {
width: 80%;
padding: 20px;
border-inline-start-width: 10px;
border-inline-start-style: solid;
border-inline-start-color: #d35400;
background-color: #fef4ec;
font-size: 20px;
text-align: center;
direction: ltr;
border-radius: 8px;
}
</style>
<div class="border-inline-start-width-example">
Bordo spesso sul lato iniziale (inline-start)
</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
