Style.Borderwidth
Properti style.borderWidth dipakai untuk tetapkan lebar border suatu elemen.
style.borderWidth memungkinkan mengatur lebar border yang berbeda-beda untuk keempat sisi border suatu elemen, alasannya ialah properti ini berisi nilai dari style.borderTopWidth, style.borderRightWidth, style.borderBottomWidth, dan style.borderLeftWidth.
Sintaks:
obj.style.borderWidth = value;
Nilainya:
- Length
- Constants
thin,medium(default),thick inherit
Contoh:
<HTML> <HEAD> <TITLE>style.borderWidth</TITLE> <STYLE TYPE="text/css"> #mydiv { width: 500px; height: 500px; margin: 0 auto; border: solid red 1px; } </STYLE> <SCRIPT TYPE="text/javascript"> function changeWidth() { var list = document.forms[0].listWidth; document.getElementById("mydiv").style.borderWidth = list.options[list.selectedIndex].text; } </SCRIPT> </HEAD> <BODY> <DIV ID="mydiv"></DIV> <FORM> <SELECT NAME="listWidth" onChange="changeWidth()"> <OPTION SELECTED>medium <OPTION>thin <OPTION>thick <OPTION>10px <OPTION>20px <OPTION>30px <OPTION>40px <OPTION>50px <OPTION>60px <OPTION>70px <OPTION>80px <OPTION>90px <OPTION>100px <OPTION>200px <OPTION>300px </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.
