Categories: Style DOM

Style.Borderbottomstyle

Properti style.borderBottomStyle dipakai 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>

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.

Ahmad Code