CSS中用border-width来设置一个元素边框的粗细。这个属性的值可以是关键字,共有thin(细边框)、medium(中等宽度边框)、thick(粗边框)三个关键字可供选择;也可以是一个长度数值,如1px或1em。边框宽度不允许为负数值,未设置的时候默认值为medium。
动手写11.4.12 细边框
“动手写11.4.12”中的元素拥有一条较细的边框,其效果如图11.4.9所示:
图11.4.9 细边框
动手写11.4.13 中等宽度边框
“动手写11.4.13”中的元素拥有一条中等宽度的边框,其效果如图11.4.10所示:
图11.4.10 中等宽度边框
动手写11.4.14 粗边框
(www.xing528.com)
“动手写11.4.14”中的元素拥有一条较粗的边框,其效果如图11.4.11所示:
图11.4.11 粗边框
W3C的标准中未定义关键字边框宽度的计算值,各关键字在不同浏览器之间的宽度可能存在差异。在实际项目中,一般不会使用关键字作为边框宽度的值,比较常用的是长度数值。
动手写11.4.15 宽度为1px的边框
CSS允许为元素的四边单独设置边框宽度。设置各边宽度的属性分别为border-top-width(上边框宽度)、border-bottom-width(下边框宽度)、border-left-width(左边框宽度)、border-rightwidth(右边框宽度)。
动手写11.4.16 单独设置各边的边框宽度
提示
与padding、margin类似,我们也可以使用border-width属性来统一设置四条边的边框宽度,border-width属性的参数数量为1~4个,具体规则也与padding、margin属性一致。
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。