border-bottom

介绍

用于设置下边框相关样式，该属性可按顺序设置 border-bottom-width、border-bottom-style、border-bottom-color。

使用示例

语法

/* 下边框是粗双线红边框 */
border-bottom: thick double red;

/* 下边框是细点线蓝边框 */
border-bottom: thin dotted blue;

/* 下边框是10px虚线橙边框 */
border-bottom: 10px dashed orange;

取值

按语法顺序接受以下值类型：

<line-width>
- 见 <border-bottom-width>
<line-style>
- 见 <border-bottom-style>
<color>
- 见 <border-bottom-color>

形式定义

初始值	空值
适用元素	所有元件
是否支持继承	no
是否支持动画	no

形式语法


border-bottom =
  <line-width>  ||
  <line-style>  ||
  <color>

<line-width> = <length> | thin | medium | thick
<line-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

与 Web 的区别

mdn:border-bottom
不支持 inherit、initial、revert、unset 等全局值

兼容性

LCD tables only load in the browser

#border-bottom

#介绍

#使用示例

#语法

#取值

#形式定义

#形式语法

#与 Web 的区别

#兼容性

border-bottom

介绍

使用示例

语法

取值

形式定义

形式语法

与 Web 的区别

兼容性