JavaScript HTML DOM Style borderColor 属性
-
borderColor 属性
borderColor属性设置或返回元素边框的颜色。此属性可以包含一到四个值:- 一个值,如:p {border-color:red} - 所有四个边框都是红色的
- 两个值,如:p {border-color:red transparent} - 顶部和底部边框将为红色,左右边框将为透明
- 三个值,如:p {border-color:red green blue} - 顶部边框为红色,左右边框为绿色,底部边框为蓝色
- 四个值,如:p {border-color:red green blue yellow} - 顶部边框为红色,右边框为绿色,底部边框为蓝色,左边框为黄色
将<div>元素的四个边框的颜色更改为红色:
尝试一下document.getElementById("myDiv").style.borderColor = "red";
-
浏览器支持
项 IE/Edge Chrome FireFox Safari Opera 属性 borderColor 4.0+1.0+1.0+1.0+3.5+ -
语法
返回borderColor属性:object.style.borderColor设置borderColor属性:object.style.borderColor = "color|transparent|initial|inherit" -
-
技术细节
项目 描述 默认值: black 返回值: 一个字符串,表示元素边框的颜色 CSS版本 CSS1 -
-