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>
