HTML DOM borderBottom 属性
定义和用法
borderBottom 属性在一个声明中为下边框设置所有的属性。
语法:
- Object.style.borderBottom=borderWidth borderStyle borderColor
值 | 描述 | 值 |
---|---|---|
borderWidth | 设置边框的宽度。 |
thin medium thick length |
borderStyle | 设置边框的样式。 |
none hidden dotted dashed solid double groove ridge inset outset |
borderColor | 设置边框的颜色。 |
color-name color-rgb color-hex transparent |
实例
下面的例子设置下边框:
- <html>
- <head>
- <style type="text/css">
- p {border: thin dotted #FF0000}
- </style>
- <script type="text/javascript">
- function changeBorder()
- {
document.getElementById("p1").style.borderBottom="thick solid blue";
- }
- </script>
- </head>
- <body>
- <input type="button" onclick="changeBorder()"
- value="Change bottom paragraph border" />
- <p id="p1">This is a paragraph with a border</p>
- </body>
- </html>