HTML DOM borderBottomWidth 属性
JavaScript基础 2022-06-08 14:24:4712小码哥的IT人生shichen
HTML DOM borderBottomWidth 属性
定义和用法
borderBottomWidth 属性设置下边框的宽度。
语法:
Object.style.borderBottomWidth=thin|medium|thick|length
值 | 描述 |
---|---|
thin | 定义细的下边框。 |
medium | 默认。定义中等的下边框。 |
thick | 定义粗的下边框。 |
length | 允许您自定义下边框的宽度。 |
实例
本例改变下边框的宽度:
<html> <head> <style type="text/css"> p { border: thin solid #FF0000 } </style> <script type="text/javascript"> function changeBorderWidth() { document.getElementById("p1").style.borderBottomWidth="thick";
} </script> </head> <body> <input type="button" onclick="changeBorderWidth()" value="Change bottom border" /> <p id="p1">This is a paragraph</p> </body> </html>
TIY
完整实例【borderBottomWidth - 改变下边框的宽度】:
<html> <head> <style type="text/css"> p { border: thin solid #FF0000; } </style> <script type="text/javascript"> function changeBorderWidth() { document.getElementById("p1").style.borderBottomWidth="thick"; } </script> </head> <body> <input type="button" onclick="changeBorderWidth()" value="Change bottom border" /> <p id="p1">This is a paragraph</p> </body> </html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html