Thursday, December 6, 2012

style.borderWidth

Properti style.borderWidth digunakan untuk menetapkan lebar border suatu elemen.

style.borderWidth memungkinkan mengatur lebar border yang berbeda-beda untuk keempat sisi border suatu elemen, karena 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>