border-bottom-style

介绍

用于设置下边框的样式。

取值

• none
  无边框。无边框属性时，边框宽度（无论宽度设置多少）将变为 0。

• hidden
  与"none"相同。不过应用于表时除外，对于表，hidden用于解决边框冲突。

• dotted
  点状边框。在大多数浏览器中呈现为实线。

• dashed
  虚线。在大多数浏览器中呈现为实线。

• solid
  实线。

• double
  双线。两条线的宽度再加上这两条线之间的空间等于border-width。TTSS规范并没有说其中一条线是否比另一条粗或者两条线是否应该是一样的粗，也没有指出线之间的空间是否应当比线粗，所有这些都由用户决定。

• groove
  3D 凹槽边框。其效果取决于border-color的值。

• ridge
  3D 垄状边框。其效果取决于border-color的值。

• inset
  3D inset 边框。其效果取决于border-color的值。

• outset
  3D outset 边框。其效果取决于border-color的值。

标准化语法

<line-style>
where
<line-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

样例：

border-bottom-style: none;
border-bottom-style: hidden;
border-bottom-style: dotted;
border-bottom-style: dashed;
border-bottom-style: solid;
border-bottom-style: double;
border-bottom-style: groove;
border-bottom-style: ridge;
border-bottom-style: inset;
border-bottom-style: outset;

与 Web 的区别

• mdn:border-bottom-styleopen in new window

不支持 inherit、initial、revert、unset 等

值为 'none' 或 'hidden' 时 对应边框的排版宽度未设为 0

默认值为 'solid', 区别于 web 的默认值 'none'