css border-left-width属性如何用
发布时间:09/01 来源:未知 浏览:
关键词:
css border-left-width 定义及用途
1、在css中,border-left-width属性是用来设定元素的左边框的宽度。类似的属性有:border-top-width属性、border-bottom-width属性、border-right-width属性,其用途和border-left-width属性一样。
2、border-left-width属性设定此前要先设定边框样式(border-style或border-left-style)才会有结果,不然边框样式是none,边框宽度会被重置为 0。可以这样懂得:必需要先有边框才会有边框宽度。
3、border-left-width属性值不同意为负长度值。
css border-left-width属性值
thin:细的左边框。
medium:中等的左边框(默许)。
thick :粗的左边框。
length:自定义左边框的宽度。
inherit:从父元素继承边框宽度。
语法格局
border-left-width:thin / medium / length / inherit;
实例
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>css border-left-width属性笔记</title> <style> p{border-style:solid;} #blw1 {border-left-width:thin;} #blw2 {border-left-width:medium;} #blw3 {border-left-width:thick;} #blw4 {border-left-width:10px;} </style> <head/> <body> <p id="blw1">细的左边框</p> <p id="blw2">中等的左边框(默许)</p> <p id="blw3">粗的左边框</p> <p id="blw4">自定义左边框的宽度</p> </body> </html>
运转结果
以上就是css border-left-width属性如何用的具体内容,更多请关注百分百源码网其它相关文章!