CSS边框:border-width

border-width简介
border-width属性在CSS边框中是比较常用的,本文将带你深入理解border-width属性的各个方面,包括它的语法、取值、作用和浏览器兼容性,最后附上border-width的实例,希望能够对你有所帮助。
border-width定义和用法

border-width:<border-width>{1,4}

<border-width> = <length> | thin | medium | thick

默认值看每个独立属性

适用于:所有元素

继承性:无

动画性:是

计算值:看每个独立属性

相关属性:[ border-top-width ] || [ border-right-width ] || [ border-bottom-width ] || [ border-left-width ]

border-width属性值
<length>:
用长度值来定义边框的厚度。不允许负值
medium:
定义默认厚度的边框。计算值为3px
thin:
定义比默认厚度细的边框。计算值为1px
thick:
定义比默认厚度粗的边框。计算值为5px
border-width说明
设置或检索对象的边框宽度。
  • 如果提供全部四个参数值,将按上、右、下、左的顺序作用于四边。
  • 如果只提供一个,将用于全部的四边。
  • 如果提供两个,第一个用于上、下,第二个用于左、右。
  • 如果提供三个,第一个用于上,第二个用于左、右,第三个用于下。
  • 如果border-style设置为none或hidden,border-width的使用值将为0。
  • 对应的脚本特性为borderWidth


来源:http://caibaojian.com/css3/properties/border/border-width.htm
2020-01-16 10:36 举报

关于挟翼

挟翼一款提供UI页面设计的软件。
您只需要动一动鼠标绘制相关的元素,软件会自动帮你完成CSS样式和HTML代码。
从现在开始注册,立即赠送一年VIP会员。活动结束日期待定。