Stile proprietà borderWidth
Esempio
Modifica la larghezza dei quattro bordi di un elemento <div>:
document.getElementById("myDiv").style.borderWidth = "thick";
Definizione e utilizzo
La proprietà borderWidth imposta o restituisce la larghezza del bordo di un elemento.
Questa proprietà può assumere da uno a quattro valori:
- Un valore, come: p {border-width: thick} - tutti e quattro i bordi saranno spessi
- Due valori, come: p {border-width: thick thin} - il bordo superiore e inferiore saranno spessi, il bordo sinistro e destro saranno sottili
- Tre valori, come: p {border-width: thick thin medium}- il bordo superiore sarà spesso, il bordo sinistro e destro saranno sottili, il bordo inferiore sarà medio
- Quattro valori, come: p {border-width: thick thin medium 10px} - il bordo superiore sarà spesso, il bordo destro sarà sottile, il bordo inferiore sarà medio, il bordo sinistro sarà 10px
Supporto browser
| Property | |||||
|---|---|---|---|---|---|
| borderWidth | Yes | Yes | Yes | Yes | Yes |
Sintassi
Restituisce la proprietà borderWidth:
object.style.borderWidth
Imposta la proprietà borderWidth:
object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
Valori di proprietà
| Value | Description |
|---|---|
| thin | Defines a thin border |
| medium | Defines a medium border. This is default |
| thick | Defines a thick border |
| length | The width of the border in length units |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
Dettagli tecnici
| Valore di default: | medio |
|---|---|
| Valore di ritorno: | Una stringa, che rappresenta la larghezza del bordo di un elemento |
| Versione CSS | CSS1 |
Altri esempi
Esempio
Cambia la larghezza del bordo superiore e inferiore in spesso e il bordo sinistro e destro in sottile di un elemento <div>:
document.getElementById("myDiv").style.borderWidth = "thick thin";
Esempio
Modifica la larghezza dei quattro bordi di un elemento <div>, utilizzando il valore di lunghezza :
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";
Esempio
Restituisce la larghezza del bordo di un elemento <div>:
alert(document.getElementById("myDiv").style.borderWidth);
Pagine correlate
Tutorial CSS: Bordo CSS
Riferimento CSS: proprietà border-width
Riferimento HTML DOM: proprietà border
❮ Oggetto stile