HTML DOM borderColor 屬性
定義和用法
borderColor 屬性設(shè)置元素周圍邊框的顏色。
本屬性可使用 1 到 4 種顏色：
- 如果規(guī)定一種顏色，比如 table {border-color: red} - 所有的邊框都是紅色。
- 如果規(guī)定了兩種顏色，比如 table {border-color: red green} - 上邊框和下邊框是紅色，而左邊框和右邊框是綠色。
- 如果規(guī)定了三種顏色，比如 table {border-color: red green blue}- 上邊框是紅色，左邊框和右邊框是綠色，下邊框是藍(lán)色。
- 如果規(guī)定了四種顏色，比如 table {border-color: red green blue yellow} - 上邊框是紅色，右邊框是綠色，下邊框是藍(lán)色，左邊框是黃色。
語法：
Object.style.borderColor=color-name|color-rgb|color-hex|transparent
實例
本例改變邊框的顏色：
<html>
<head>
<style type="text/css">
p
{
border: thick solid #FF0000
}
</style>
<script type="text/javascript">
function changeBorderColor()
{
document.getElementById("p1").style.borderColor="#0000FF #00FF00";
}
</script>
</head>
<body>
<input type="button" onclick="changeBorderColor()"
value="Change border color" />
<p id="p1">This is a paragraph</p>
</body>
</html>