Download Source Code Aplikasi

Style.Borderwidth

Monday, October 21st, 2019 - Style DOM

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.
(Telah didownload 15 kali, 1x didownload hari ini)
Download Source Code Aplikasi
Style.Borderwidth | Ahmad Code | 4.5