Proprietà CSS border-top-style

Definizione e uso

border-top-style imposta lo stile del bordo superiore dell'elemento.

Il bordo può apparire solo se questo valore non è none.

In CSS1, l'agente utente HTML deve supportare solo solid e none.

Vedi anche:

Corso CSS:Bordo CSS

Manuale CSS:Proprietà border-top

Manuale HTML DOM:Proprietà BoltonStyle

Esempio

Impostare lo stile del bordo superiore:

p
  {
  border-style:solid;
  border-top-style:dotted;
  }

Prova da solo

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 bordi.
hidden È uguale a "none". Tuttavia, non si applica alle tabelle, per le tabelle, hidden viene utilizzato per risolvere conflitti di bordo.
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 doppia linea. 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 ondulato. 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 Definisce che lo stile del bordo dovrebbe essere ereditato dal genitore dell'elemento.

Dettagli tecnici

Valore predefinito: non specificato
Ereditarietà: no
Versione: CSS1
Sintassi JavaScript: object.style.borderTopStyle="dotted"

Più 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 che supporta completamente l'attributo.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2