CSS border-inline-end-style
La proprietà CSS3 border-inline-end-style definisce lo stile del bordo sul lato finale logico
La proprietà border-inline-end-style imposta lo stile del bordo sul lato finale in linea di un elemento.
In scrittura LTR, questo corrisponde al bordo destro, mentre in RTL corrisponde al sinistro.
Fa parte delle proprietà logiche introdotte in CSS3 per facilitare l'internazionalizzazione dei layout.
Sintassi
Significato dei valori principali:
none: nessun bordo applicato.
solid: bordo pieno e continuo.
dashed: bordo tratteggiato.
dotted: bordo a puntini.
double: bordo doppio.
groove / ridge / inset / outset: stili 3D basati sul colore.
Esempio proprietà: border-inline-end-style
Codice Esempio: border-inline-end-style
.border-inline-end-style-example {
width: 80%;
padding: 20px;
border-inline-end-width: 5px;
border-inline-end-style: dashed;
border-inline-end-color: #2980b9;
background-color: #ecf0f1;
font-size: 20px;
text-align: center;
direction: ltr;
border-radius: 8px;
}
Contenuto Esempio: border-inline-end-style
Esempio di utilizzo di border-inline-end-style
In questo esempio, il bordo sul lato finale in linea ha uno stile tratteggiato:
CSS e HTML per l'elemento con border-inline-end-style:
<style>
.border-inline-end-style-example {
width: 80%;
padding: 20px;
border-inline-end-width: 5px;
border-inline-end-style: dashed;
border-inline-end-color: #2980b9;
background-color: #ecf0f1;
font-size: 20px;
text-align: center;
direction: ltr;
border-radius: 8px;
}
</style>
<div class="border-inline-end-style-example">
Bordo tratteggiato sul lato finale (inline-end)
</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
