您現(xiàn)在的位置： 365建站網(wǎng) > 建站教程 > JavaScript 教程 > HTML DOM borderColor 屬性

HTML DOM borderColor 屬性

此節(jié)有 176 人學習過參與評論

定義和用法

borderColor 屬性設置元素周圍邊框的顏色。

本屬性可使用 1 到 4 種顏色：

如果規(guī)定一種顏色，比如 table {border-color: red} - 所有的邊框都是紅色。
如果規(guī)定了兩種顏色，比如 table {border-color: red green} - 上邊框和下邊框是紅色，而左邊框和右邊框是綠色。
如果規(guī)定了三種顏色，比如 table {border-color: red green blue}- 上邊框是紅色，左邊框和右邊框是綠色，下邊框是藍色。
如果規(guī)定了四種顏色，比如 table {border-color: red green blue yellow} - 上邊框是紅色，右邊框是綠色，下邊框是藍色，左邊框是黃色。

語法：

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>