CSS 属性

CSS border-bottom-style 设置元素下边框的样式。

属性值

  • none: 无边框。 （相当于 border-width:0;）

  • solid: 边框是一条实线。

  • dotted: 边框是一系列点。

  • dashed : 边框是一系列短线，虚线。

  • double: 边框是两条实线线条。

  • groove: 边框看起来好像是刻在页面上的。

  • ridge : 边框看起来与凹槽相反。

  • inset: 边框使框看起来像是嵌入在页面中。

  • outset: 边框使框看起来像嵌入在页面中。框看起来像是从画布中出来的。

  • hidden: 与无相同，除了表格元素的边框冲突解决方案之外。

适用范围

所有 HTML 元素。

DOM 语法

object.style.borderBottomStyle="Any of the values defined above";

示例

以下是示例演示了 border-bottom-style 属性:

<html>
   <head>
      <style>
         p {
             border-style: solid;
             border-bottom-style: double;
          }
          h2{
              border-style: groove;
              border-bottom-style: dashed ;
          }
      </style>
   </head>
   <body>
          <h2>底部边框是 ridge</h2>
         <p>底部边框是 double</p>
   </body>
</html>