Proprietà CSS border-top-style
- pagina precedente border-top-right-radius
- Pagina successiva border-top-width
Definizione e uso
border-top-style imposta lo stile del bordo superiore dell'elemento.
Il bordo potrebbe apparire solo se questo valore non è none.
In CSS1, l'agente utente HTML deve supportare solo solid e none.
Vedi anche:
Corso CSS:Cornice CSS
Manuale CSS:Proprietà border-top
Manuale HTML DOM:Proprietà borderTopStyle
Esempio
Impostare lo stile del bordo superiore:
p { border-style:solid; border-top-style:dotted; }
Sintassi CSS
border-top-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", eccetto quando viene applicato a tabelle, per cui "hidden" viene utilizzato per risolvere conflitti di bordi. |
dotted | Definisce un bordo a punti. In molti browser viene rappresentata come una linea continua. |
dashed | Definisce una linea tratteggiata. In molti browser viene rappresentata come una linea continua. |
solid | Definisce una linea continua. |
double | Definisce una linea a due tratti. La larghezza della linea è uguale al valore di border-width. |
groove | Definisce un bordo 3D a scanalature. L'effetto dipende dal valore di border-color. |
ridge | Definisce un bordo 3D a scanalature. 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 elemento genitore. |
Dettagli tecnici
Valore predefinito: | non specificato |
---|---|
Ereditarietà: | no |
Versione: | CSS1 |
Sintassi JavaScript: | object.style.borderTopStyle="dotted" |
Altri esempi
- Impostare lo stile del bordo superiore
- Questo esempio dimostra come impostare lo stile del bordo superiore.
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-top-right-radius
- Pagina successiva border-top-width