border-bottom

介绍

用于设置下边框相关样式,该属性可按顺序设置border-bottom-widthborder-bottom-styleborder-bottom-color

取值

可按顺序设置如下属性:

标准化语法

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

1
2
3
4
5

样例:

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

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

/* 下边框是10px虚线橙边框 */
border-bottom: 10px dashed orange;
1
2
3
4
5
6
7
8

与 Web 的区别

不支持 inherit、initial、revert、unset 等

Last Updated: 2022/7/15 下午7:22:06