HTML DOM borderBottom 属性

定义和用法

borderBottom 属性在一个声明中为下边框设置所有的属性。

语法:

  1. 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

实例

下面的例子设置下边框:

  1. <html>
  2. <head>
  3. <style type="text/css">
  4. p {border: thin dotted #FF0000}
  5. </style>
  6. <script type="text/javascript">
  7. function changeBorder()
  8. {
  9. document.getElementById("p1").style.borderBottom="thick solid blue";
  10. }
  11. </script>
  12. </head>
  13. <body>
  14.  
  15. <input type="button" onclick="changeBorder()"
  16. value="Change bottom paragraph border" />
  17. <p id="p1">This is a paragraph with a border</p>
  18.  
  19. </body>
  20. </html>