Proprietà CSS border-top-width

Definizione e uso

L'attributo border-top-width imposta la larghezza del bordo superiore dell'elemento.

Funziona solo se lo stile del bordo non è none. Se lo stile del bordo è none, la larghezza del bordo viene effettivamente ripristinata a 0. Non è permesso specificare valori di lunghezza negativi.

Nota:Devi sempre dichiarare l'attributo border-style prima di border-top-width. L'elemento deve avere un bordo prima di poter cambiare la sua larghezza.

Vedi anche:

Tutorial CSS:CSS Bordi

Manuale CSS:Attributo border-top

Manuale HTML DOM:Attributo borderTopWidth

Esempio

Impostazione della larghezza del bordo superiore:

p
  {
  border-style:solid;
  border-top-width:15px;
  }

Prova te stesso

Sintassi CSS

border-top-width: media|sottile|spessa|length|initial|inherit;

Valore dell'attributo

Valore Descrizione
sottile Definisce un bordo superiore sottile.
media Valore predefinito. Definisce un bordo superiore di media larghezza.
spessa Definisce un bordo superiore spesso.
length Ti permette di personalizzare la larghezza del bordo superiore.
inherit Definisce che la larghezza del bordo dovrebbe essere ereditata dal elemento padre.

Dettagli tecnici

Valore predefinito: media
Ereditarietà: no
Versione: CSS1
Sintassi JavaScript: object.style.borderTopWidth="spessa"

Altri esempi

Impostazione della larghezza del bordo superiore
Questo esempio mostra come impostare la larghezza del bordo superiore.

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".