💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
# CSS border-left-width 属性 ## 实例 设置左边框的宽度: ``` p { border-style:solid; border-left-width:15px; } ``` ## 浏览器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有浏览器都支持 border-left-width 属性。 注释:IE7 以及更早版本的浏览器不支持值 "inherit"。IE8 需要 !DOCTYPE。IE9 支持 "inherit"。 ## 定义和用法 border-left-width 属性设置元素的左边框的宽度。 只有当边框样式不是 none 时才起作用。如果边框样式是 none,边框宽度实际上会重置为 0。不允许指定负长度值。 注释:请始终在 border-left-width 属性之前声明 border-style 属性。元素只有在获得边框之后,才能改变其边框的宽度。 | 默认值: | medium | | --- | --- | | 继承性: | no | | --- | --- | | 版本: | CSS1 | | --- | --- | | JavaScript 语法: | _object_.style.borderLeftWidth="thick" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | thin | 定义细的左边框。 | | medium | 默认值。定义中等的左边框。 | | thick | 定义粗的左边框。 | | _length_ | 允许您自定义左边框的宽度。 | | inherit | 规定应该从父元素继承边框宽度。 | ## TIY 实例 [设置左边框的宽度](/tiy/t.asp?f=csse_border-left-width) 本例演示如何设置左边框的宽度。 ``` <html> <head> <style type="text/css"> p.one { border-style: solid; border-left-width: 15px } p.two { border-style: solid; border-left-width: thin } </style> </head> <body> <p class="one"><b>注释:</b>"border-left-width" 属性如果单独使用的话是不会起作用的。请首先使用 "border-style" 属性来设置边框。</p> <p class="two">Some text. Some more text.</p> </body> </html> ``` ## 相关页面 CSS 教程:[CSS 边框](/css/css_border.asp "CSS 边框") CSS 参考手册:[border-left 属性](/cssref/pr_border-left.asp "CSS border-left 属性") HTML DOM 参考手册:[borderLeftWidth 属性](/jsref/prop_style_borderleftwidth.asp "HTML DOM borderLeftWidth 属性")