Proprietà CSS border-width

Definizione e uso

L'attributo abbreviato border-width imposta la larghezza di tutti i bordi dell'elemento o imposta la larghezza di ciascun bordo singolo.

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

Esempio 1

border-width:thin medium thick 10px;
  • Il bordo superiore è sottile
  • Il bordo destro è di media larghezza
  • Il bordo inferiore è spesso
  • Il bordo sinistro è di 10px di larghezza

Esempio 2

border-width:thin medium thick;
  • Il bordo superiore è di 10px
  • Il bordo destro e quello sinistro sono di media larghezza
  • Il bordo inferiore è spesso

Esempio 3

border-width:thin medium;
  • Il bordo superiore e quello inferiore sono sottili
  • Il bordo destro e quello sinistro sono di media larghezza

Esempio 4

border-width:thin;
  • Tutti e quattro i bordi sono sottili

Esempio

Impostare la larghezza di tutti e quattro i bordi:

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

Prova da solo

Sintassi CSS

border-width: medium|thin|thick|length|initial|inherit;

Valore dell'attributo

Valore Descrizione
thin Definire un bordo sottile.
medium Predefinito. Definire un bordo di media larghezza.
thick Definire un bordo spesso.
length Permette di personalizzare la larghezza del bordo.
inherit Definire che la larghezza del bordo debba essere ereditata dal elemento padre.

Altri esempi

Tutte le proprietà di larghezza dei bordi in una dichiarazione
Questo esempio dimostra come utilizzare l'attributo abbreviato per impostare la larghezza di tutti i bordi in una sola dichiarazione.

Dettagli tecnici

Valore predefinito: medium
Ereditarietà: no
Versione: CSS1
Sintassi JavaScript: oggetto.style.borderWidth="thin thick"

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 4.0 1.0 1.0 3.5

Vedi anche:

Corso CSS:Margine CSS

Manuale HTML DOM:proprietà borderWidth