HTML Dog
跳至导航

CSS 属性:border-bottom

元素的底部边框的宽度、样式和颜色。

一个复合属性,结合了 border-bottom-widthborder-bottom-styleborder-bottom-color

可能的值

一个空格分隔的列表,最多包含三个值,分别代表 border-bottom-widthborder-bottom-styleborder-bottom-color。任何省略的值将使用其初始值。

描述 示例
[宽度]
(等同于 border-bottom-width 的值)
  • 显式设置了宽度。
  • 样式默认为 none。
  • 颜色默认为框的计算出的 color 属性。
2px
[样式]
(等同于 border-bottom-style 的值)
  • 显式设置了样式。
  • 宽度默认为 medium。
  • 颜色默认为框的计算出的 color 属性。
solid
[颜色]
(等同于 border-bottom-color 的值)
  • 显式设置了颜色。
  • 宽度默认为 medium。
  • 样式默认为 none。
red
[宽度] [样式]
  • 显式设置了宽度。
  • 显式设置了样式。
  • 颜色默认为框的计算出的 color 属性。
2px solid
[宽度] [颜色]
  • 显式设置了宽度。
  • 显式设置了颜色。
  • 样式默认为 none。
2px red
[样式] [颜色]
  • 显式设置了样式。
  • 显式设置了颜色。
  • 宽度默认为 medium。
solid red
[宽度] [样式] [颜色]
  • 显式设置了宽度。
  • 显式设置了样式。
  • 显式设置了颜色。
2px solid red
inherit
initial
unset

示例


#amphibian { border-bottom: 12pt double red; }

浏览器支持