Esempio
Modificare la larghezza dei quattro bordi di un <div> elemento:
document.getElementById("myDiv").style.borderWidth = "thick"; Prova tu stesso " Definizione e l'utilizzo
I set di proprietà BorderWidth o restituisce la larghezza del bordo di un elemento.
Questa proprietà può prendere da uno a quattro valori:
- Un valore, come: p {border-width: spessore} - tutti e quattro i bordi saranno di spessore
- Due valori, come: p {border-width: spessore sottile} - il bordo superiore e inferiore sarà di spessore, a sinistra ea destra bordo sarà sottile
- Tre valori, come: p {border-width: spessore medio sottile} - il bordo superiore sarà di spessore, a sinistra ea destra bordo sarà sottile, il bordo inferiore sarà medio
- Quattro valori, come: p {border-width: 10px spessore medio sottile} - il bordo superiore sarà di spessore, bordo destro sarà sottile, il bordo inferiore sarà medio, bordo sinistro sarà 10px
Supporto browser
La proprietà borderWidth è supportata in tutti i principali browser.
Sintassi
Restituire la proprietà borderWidth:
object .style.borderWidth
Impostare la proprietà borderWidth:
object .style.borderWidth="thin|medium|thick| I valori delle proprietà Valore Descrizione thin Definisce un bordo sottile medium Definisce un bordo mezzo. Questa è l'impostazione predefinita thick Definisce un bordo spesso length La larghezza del bordo in unità di lunghezza initial Consente di impostare questa proprietà al suo valore di default. Leggi iniziale inherit Eredita questo immobile dal suo elemento genitore. Leggi su erediterà
Dettagli tecnici
Valore di default: medio Valore di ritorno: Una stringa, che rappresenta la larghezza del bordo di un elemento CSS Version CSS1
Altri esempi
Esempio
Modificare la larghezza del bordo superiore e inferiore a spessore, e il bordo sinistro e destro a fini di un <div> elemento:
document.getElementById("myDiv").style.borderWidth = "thick thin";
Prova tu stesso "
Esempio
Modificare la larghezza dei quattro bordi di un <div> elemento, utilizzando il valore della lunghezza:
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px
20px";
Prova tu stesso "
Esempio
Riportare la larghezza del bordo di un <div> elemento:
alert(document.getElementById("myDiv").style.borderWidth);
Prova tu stesso "
Pagine correlate
Tutorial CSS: CSS Border
Di riferimento CSS: border-width property
Di riferimento HTML DOM: border property
<Stile di oggetto