更多"Try it Yourself"下面的例子。
定义和用法
BorderColor属性设置或返回元素边框的颜色。
该属性可以从一到四个值：
- 一个值，如：p {边框颜色：红} - 所有四个边框为红色
- 两个值，如：p {边框颜色：红色透明} - 顶部和底部的边框为红色，左右边框颜色为透明
- 三个值，如：p {边框颜色：雷德·格林蓝} - 上边框是红色，左，右边框是绿色，下边框是蓝色
- 四个值，如：p {边框颜色：雷德·格林蓝，黄} - 上边框是红色，右边框是绿色，下边框是蓝色，左边框是黄色
浏览器支持
在表中的数字规定，完全支持该财产浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| borderColor | 1.0 | 4 | 1.0 | 1.0 | 3.5 |
句法
返回borderColor属性：
object .style.borderColor
设置borderColor属性：
object .style.borderColor=" 属性值 值 描述 color 指定边框的颜色。 看看CSS颜色值可能的颜色值的完整列表。 默认颜色为黑色 transparent 的边界的颜色是透明的（底层内容会发光通过） initial 将此属性设置为默认值。 阅读关于初始 inherit 继承其父元素此属性。 阅读关于继承
技术细节
默认值： 黑色 返回值： 一个String，表示元素边框的颜色 CSS版本 CSS1
更多示例
例
顶部和底部边框的颜色更改为绿色，左侧和右侧边框的紫色，一中<div>元素：
document.getElementById("myDiv").style.borderColor = "green purple";
试一试»
相关页面
CSS教程： CSS边框
CSS参考： border-color property
HTML DOM参考： border property
<Style对象