Style.Borderstyle
Properti style.borderStyle dipakai untuk menetapkan style border suatu elemen.
style.borderStyle memungkinkan mengatur style border yang berbeda-beda untuk keempat sisi border suatu elemen, alasannya properti ini berisi nilai dari style.borderTopStyle, style.borderRightStyle, style.borderBottomStyle, dan style.borderLeftStyle.
Sintaks:
obj.style.borderStyle = value;
Nilainya:
- Constants
none
(default), dotted
, dashed
, solid
, double
, groove
, ridge
, inset
, outset
inherit
Contoh:
<HTML> <HEAD> <TITLE>style.borderStyle</TITLE> <STYLE TYPE="text/css"> #mydiv { width: 500px; height: 500px; margin: 0 auto; border: solid red 10px; } </STYLE> <SCRIPT TYPE="text/javascript"> function changeStyle() { var list = document.forms[0].listBorderStyle; document.getElementById("mydiv").style.borderStyle = list.options[list.selectedIndex].text; } </SCRIPT> </HEAD> <BODY> <DIV ID="mydiv"></DIV> <FORM> <SELECT NAME="listBorderStyle" onChange="changeStyle()"> <OPTION SELECTED>none <OPTION>dotted <OPTION>dashed <OPTION>solid <OPTION>double <OPTION>groove <OPTION>ridge <OPTION>inset <OPTION>outset </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.