Proprietà Style borderWidth

Definizione e uso

borderWidth Proprietà che imposta o restituisce la larghezza del bordo dell'elemento.

Questa proprietà può accettare da uno a quattro valori:

  • Un valore, ad esempio: p {border-width: thick} - Tutti e quattro i bordi sono spessi
  • Due valori, ad esempio: p {border-width: thick thin} - Bordi superiori e inferiori spesso, bordi laterali sottili
  • Tre valori, ad esempio: p {border-width: thick thin medium} - Bordo superiore spesso, bordi laterali sottili, bordo inferiore medio
  • Quattro valori, ad esempio: p {border-width: thick thin medium 10px} - Bordo superiore spesso, bordo destro sottile, bordo inferiore medio, bordo sinistro 10px

Vedi anche:

Tutorial CSS:Margine CSS

Manuale CSS:Proprietà border-width

Manuale HTML DOM:Proprietà border

Esempio

Esempio 1

Modifica la larghezza dei quattro bordi dell'elemento <div>:

document.getElementById("myDiv").style.borderWidth = "thick";

Prova personalmente

Esempio 2

Modifica la larghezza del bordo superiore e inferiore dell'elemento <div> in spesso e la larghezza dei bordi laterali in sottile:

document.getElementById("myDiv").style.borderWidth = "thick thin";

Prova personalmente

Esempio 3

Usa valori di lunghezza per modificare la larghezza dei quattro bordi dell'elemento <div>:

document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";

Prova personalmente

Esempio 4

Restituisce la larghezza del bordo dell'elemento <div>:

alert(document.getElementById("myDiv").style.borderWidth);

Prova personalmente

Sintassi

Restituisce la proprietà borderWidth:

object.style.borderWidth

Imposta la proprietà borderWidth:

object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
Valore Descrizione
thin Definisce il bordo sottile.
medium Definisce il bordo medio. Predefinito.
thick Definisce il bordo spesso.
length Larghezza del bordo misurata in lunghezze.
initial Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit Eredita questa proprietà dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: medium
Valore di ritorno: Stringa che rappresenta la larghezza del bordo dell'elemento.
CSS versione: CSS1

Supporto dei browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto