Categories: Style DOM

Style.Bordercolor

Properti style.borderColor dipakai untuk menetapkan warna border suatu elemen.

style.borderColor memungkinkan mengatur warna border yang berbeda-beda untuk keempat sisi border suatu elemen, alasannya 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
transparent
inherit

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>

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code