更多"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對象