Styl borderColor Property
Voorbeeld
Verander die kleur van die vier grense van 'n <div>-element na rooi:
document.getElementById("myDiv").style.borderColor = "red";
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die borderColor-eienskap stel of gee die kleur van 'n element se rand terug.
Hierdie eiendom kan van een tot vier waardes neem:
- Een waarde, soos: p {grens-kleur: rooi} - al vier grense sal rooi wees
- Twee waardes, soos: p {rand-kleur: rooi deursigtig} - boonste en onderste rand sal rooi wees, linker- en regterrand sal deursigtig wees
- Drie waardes, soos: p {rand-kleur: rooi groen blou} - boonste rand sal rooi wees, linker- en regterrand sal groen wees, onderste rand sal blou wees
- Vier waardes, soos: p {rand-kleur: rooi groen blou geel} - boonste rand sal rooi wees, regterrand sal groen wees, onderste rand sal blou wees, linkerrand sal geel wees
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
| Property | |||||
|---|---|---|---|---|---|
| borderColor | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaksis
Gee die borderColor-eienskap terug:
object.style.borderColor
Stel die borderColor-eienskap:
object.style.borderColor = "color|transparent|initial|inherit"
Eiendomswaardes
| Value | Description |
|---|---|
| color | Specifies the color of the border. Look at CSS Color Values for a complete list of possible color values. Default color is the current color of the element |
| transparent | The color of the border is transparent (underlying content will shine through) |
| 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: | huidige kleur |
|---|---|
| Terugkeerwaarde: | 'n String, wat die kleur van 'n element se grens voorstel |
| CSS weergawe | CSS1 |
Meer voorbeelde
Voorbeeld
Verander die kleur van die boonste en onderste rand na groen, en linker- en regterrand na pers, van 'n <div>-element:
document.getElementById("myDiv").style.borderColor = "green purple";
Voorbeeld
Gee die randkleur van 'n <div>-element terug:
alert(document.getElementById("myDiv").style.borderColor);
Verwante bladsye
CSS handleiding: CSS Border
CSS verwysing: grens-kleur eiendom
HTML DOM verwysing: grens eiendom