Proprietà CSS border-top

Definizione e uso

L'attributo abbreviato border-top imposta tutte le proprietà del bordo superiore in una dichiarazione.

È possibile impostare in ordine le seguenti proprietà:

Se non si imposta uno dei valori, non ci sono problemi, ad esempio border-top:solid #ff0000; è permesso.

Vedi anche:

Corso CSS:Margine CSS

Manuale di riferimento HTML DOM:Proprietà borderTop

Esempio

Impostare lo stile del bordo superiore:

p
  {
  border-style:solid;
  border-top:thick double #ff0000;
  }

Prova da solo

Sintassi CSS

border-top: border-width border-style border-color|initial|inherit;

Valore dell'attributo

Valore Descrizione
border-top-width Definisce la larghezza del bordo superiore. Vedi:border-top-width valori possibili.
border-top-style Definisce lo stile del bordo superiore. Vedi:border-top-style valori possibili.
border-top-color Definisce il colore del bordo superiore. Vedi:border-top-color valori possibili.
inherit Definisce che l'attributo border-top dovrebbe essere ereditato dal padre dell'elemento.

Dettagli tecnici

Valore predefinito: non specificato
Ereditarietà: no
Versione: CSS1
Sintassi JavaScript: object.style.borderTop="3px solid blue"

Altri esempi

Tutte le proprietà del bordo superiore in una dichiarazione
Questo esempio dimostra come utilizzare l'attributo abbreviato per impostare tutte le proprietà del bordo superiore in una dichiarazione.

Supporto dei browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Nota:I browser IE7 e precedenti non supportano il valore "inherit". IE8 richiede !DOCTYPE. IE9 supporta "inherit".