Styl grensWidth Eiendom
Voorbeeld
Verander die breedte van die vier grense van 'n <div>-element:
document.getElementById("myDiv").style.borderWidth = "thick";
Definisie en gebruik
Die borderWidth-eienskap stel of gee die breedte van 'n element se grens terug.
Hierdie eiendom kan van een tot vier waardes neem:
- Een waarde, soos: p {border-width: thick} - al vier grense sal dik wees
- Twee waardes, soos: p {border-width: thick dun} - die boonste en onderste rand sal dik wees, linker- en regterrand sal dun wees
- Drie waardes, soos: p {randbreedte: dik dun medium}- die boonste rand sal dik wees, linker- en regterrand sal dun wees, onderste rand sal medium wees
- Vier waardes, soos: p {border-width: thick dun medium 10px} - die boonste rand sal dik wees, regterrand sal dun wees, onderste rand sal medium wees, linkerrand sal 10px wees
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
borderWidth | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Gee die borderWidth-eienskap terug:
object.style.borderWidth
Stel die borderWidth-eienskap:
object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
Eiendomswaardes
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 |
Tegniese besonderhede
Standaard waarde: | medium |
---|---|
Terugkeerwaarde: | 'n String, wat die breedte van 'n element se grens voorstel |
CSS weergawe | CSS1 |
Meer voorbeelde
Voorbeeld
Verander die breedte van die boonste en onderste rand na dik, en die linker- en regtergrens na dun van 'n <div>-element:
document.getElementById("myDiv").style.borderWidth = "thick thin";
Voorbeeld
Verander die breedte van die vier grense van 'n <div>-element deur die lengtewaarde te gebruik :
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";
Voorbeeld
Gee die breedte van die rand van 'n <div>-element terug:
alert(document.getElementById("myDiv").style.borderWidth);
Verwante bladsye
CSS handleiding: CSS Border
CSS verwysing: grens-breedte eiendom
HTML DOM verwysing: grens eiendom
❮ Stylvoorwerp