Properti style.borderBottomStyle digunakan untuk menetapkan style border bawah suatu elemen.
Sintaks:
obj.style.borderBottomStyle = value;
Nilainya:
- Constants
none(default),dotted,dashed,solid,double,groove,ridge,inset,outset inherit
Contoh:
<HTML>
<HEAD>
<TITLE>style.borderBottomStyle</TITLE>
<STYLE TYPE="text/css">
#mydiv
{
width: 500px;
height: 500px;
margin: 0 auto;
border: solid red 1px;
border-bottom-width: 20px;
}
</STYLE>
<SCRIPT TYPE="text/javascript">
function changeStyle()
{
var list = document.forms[0].listBorderStyle;
document.getElementById("mydiv").style.borderBottomStyle = 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>
