border-width
- 版本:CSS1
- 2018.3.6
简写属性语法:
分拆独立属性语法:
border-*-width = border-top-width
,border-right-width
,border-bottom-width
,border-left-width
默认值:medium
适用于:所有元素
继承性:无
动画性:当取值为 <length> 时支持
计算值:绝对长度值,如果 border style 设置为none
或hidden
,则计算值为0
媒 体:视觉
<line-width> = <length> | thin | medium | thick
取值:
- <length>:
- 用长度值来定义边框的厚度。不允许负值
- medium:
- 定义默认厚度的边框。计算值为3px
- thin:
- 定义比默认厚度细的边框。计算值为1px
- thick:
- 定义比默认厚度粗的边框。计算值为5px
说明:
定义元素的边框厚度。
border-width
属性如果提供全部四个参数值,将按上、右、下、左的顺序作用于四边;只提供一个,将用于全部的四边;提供两个,第一个用于上、下,第二个用于左、右;提供三个,第一个用于上,第二个用于左、右,第三个用于下。- 如果border-style设置为
none | hidden
,border-width
及其分拆独立属性的计算值将为0
。 - 对应的脚本特性分别为:borderWidth, borderTopWidth, borderRightWidth, borderBottomWidth, borderLeftWidth。
兼容性:
- 浅绿 = 支持
- 红色 = 不支持
- 粉色 = 部分支持
Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|---|
Basic Support | 8.0+ | 40.0+ | 40.0+ | 8.0+ | 40.0+ | 8.0+ | 4.4+ | 28.0+ |