Proprietà CSS border-left-style
- pagina precedente border-left-color
- Pagina successiva border-left-width
Definizione e uso
border-left-style imposta lo stile del bordo sinistro dell'elemento.
Il bordo può apparire solo se questo valore non è none.
In CSS1, l'utente HTML deve supportare solo solid e none.
Vedi anche:
Lezione CSS:Margine CSS
Manuale CSS:Attributo border-left
Manuale HTML DOM:Attributo borderLeftStyle
Esempio
Impostazione dello stile del bordo sinistro:
p { border-style:solid; border-left-style:dotted; }
Sintassi CSS
border-left-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
Valore dell'attributo
Valore | Descrizione |
---|---|
none | Definisce un bordo senza spessore. |
hidden | È lo stesso di "none". Tuttavia, non si applica alle tabelle; per le tabelle, "hidden" viene utilizzato per risolvere conflitti di bordo. |
dotted | Definisce un bordo a punti. Nella maggior parte dei browser viene rappresentata come una linea continua. |
dashed | Definisce una linea tratteggiata. Nella maggior parte dei browser viene rappresentata come una linea continua. |
solid | Definisce una linea continua. |
double | Definisce una linea a doppio. La larghezza della linea è uguale al valore di border-width. |
groove | Definisce un bordo 3D incavo. L'effetto dipende dal valore di border-color. |
ridge | Definisce un bordo 3D scanalato. L'effetto dipende dal valore di border-color. |
inset | Definisce un bordo 3D inset. L'effetto dipende dal valore di border-color. |
outset | Definisce un bordo 3D outset. L'effetto dipende dal valore di border-color. |
inherit | Specifica che lo stile del bordo dovrebbe essere ereditato dal genitore dell'elemento. |
Dettagli tecnici
Valore predefinito: | non specificato |
---|---|
Ereditarietà: | no |
Versione: | CSS1 |
Sintassi JavaScript: | oggetto.style.borderLeftStyle="dotted" |
Altri esempi
- Impostazione dello stile del bordo sinistro
- Questo esempio dimostra come impostare lo stile del bordo sinistro.
Supporto del browser
I numeri nella tabella indicano la versione del browser iniziale che supporta completamente l'attributo.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
- pagina precedente border-left-color
- Pagina successiva border-left-width