Stijl borderWidth eigenschap
Voorbeeld
Wijzig de breedte van de vier randen van een <div>-element:
document.getElementById("myDiv").style.borderWidth = "thick";
Definitie en gebruik
Met de eigenschap borderWidth wordt de breedte van de rand van een element ingesteld of geretourneerd.
Deze eigenschap kan één tot vier waarden aannemen:
- Eén waarde, zoals: p {grensbreedte: dik} - alle vier de randen zijn dik
- Twee waarden, zoals: p {randbreedte: dik dun} - de boven- en onderrand zijn dik, de linker- en rechterrand zijn dun
- Drie waarden, zoals: p {randbreedte: dik dun medium} - de bovenrand is dik, de linker- en rechterrand zijn dun, de onderrand is medium
- Vier waarden, zoals: p {randbreedte: dik dun medium 10px} - de bovenrand is dik, de rechterrand is dun, de onderrand is gemiddeld, de linkerrand is 10px
Browserondersteuning
| Property | |||||
|---|---|---|---|---|---|
| borderWidth | Yes | Yes | Yes | Yes | Yes |
Syntaxis
Retourneer de eigenschap borderWidth:
object.style.borderWidth
Stel de eigenschap borderWidth in:
object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
Eigendomswaarden
| 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 |
Technische details
| Standaardwaarde: | medium |
|---|---|
| Winstwaarde: | Een tekenreeks, die de breedte van de rand van een element weergeeft |
| CSS-versie | CSS1 |
Meer voorbeelden
Voorbeeld
Wijzig de breedte van de boven- en onderrand in dik en de linker- en rechterrand in dun van een <div>-element:
document.getElementById("myDiv").style.borderWidth = "thick thin";
Voorbeeld
Wijzig de breedte van de vier randen van een <div>-element met behulp van de lengtewaarde :
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";
Voorbeeld
Retourneer de breedte van de rand van een <div>-element:
alert(document.getElementById("myDiv").style.borderWidth);
Gerelateerde pagina's
CSS-zelfstudie: CSS-rand
CSS -referentie: eigenschap voor grensbreedte
HTML DOM-referentie: grenseigenschap
❮ Stijlobject