Properti style.borderStyle digunakan untuk menetapkan style border suatu elemen.
style.borderStyle memungkinkan mengatur style border yang berbeda-beda untuk keempat sisi border suatu elemen, karena 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>
