Properti style.borderColor digunakan untuk menetapkan warna border suatu elemen.
style.borderColor memungkinkan mengatur warna border yang berbeda-beda untuk keempat sisi border suatu elemen, karena properti ini berisi nilai dari style.borderTopColor, style.borderRightColor, style.borderBottomColor, dan style.borderLeftColor.
Sintaks:
obj.style.borderColor = value;
Nilainya:
- color
Hex color, RGB color, Color name transparentinherit
Contoh:
<HTML>
<HEAD>
<TITLE>style.borderColor</TITLE>
<STYLE TYPE="text/css">
#mydiv
{
width: 500px;
height: 500px;
margin: 0 auto;
border: solid red 10px;
}
</STYLE>
<SCRIPT TYPE="text/javascript">
function changeColor()
{
var list = document.forms[0].listColors;
document.getElementById("mydiv").style.borderColor = list.options[list.selectedIndex].text;
}
</SCRIPT>
</HEAD>
<BODY>
<DIV ID="mydiv"></DIV>
<FORM>
<SELECT NAME="listColors" onChange="changeColor()">
<OPTION SELECTED>transparent
<OPTION>aqua
<OPTION>blue
<OPTION>fuchsia
<OPTION>gray
<OPTION>maroon
<OPTION>silver
<OPTION>yellow
<OPTION>green
</SELECT>
</FORM>
</BODY>
</HTML>
