多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
# CSS border-left-color 属性 ## 实例 设置左边框的颜色: ``` p { border-style:solid; border-left-color:#ff0000; } ``` ## 浏览器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有浏览器都支持 border-left-color 属性。 注释:Internet Explorer 6(以及更早的版本)不支持属性值 "transparent"。 注释:IE7 以及更早版本的浏览器不支持值 "inherit"。IE8 需要 !DOCTYPE。IE9 支持 "inherit"。 ## 定义和用法 border-left-color 设置元素的左边框的颜色。 只能定义纯色,而且只有当边框的样式是一个非 none 或 hidden 的值时边框才可能出现。 注释:请始终把 border-style 属性声明到 border-color 属性之前。元素必须在您改变其颜色之前获得边框。 | 默认值: | _not specified_ | | --- | --- | | 继承性: | no | | --- | --- | | 版本: | CSS1 | | --- | --- | | JavaScript 语法: | _object_.style.borderLeftColor="blue" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | *color_name* | 规定颜色值为颜色名称的边框颜色(比如 red)。 | | *hex_number* | 规定颜色值为十六进制值的边框颜色(比如 #ff0000)。 | | *rgb_number* | 规定颜色值为 rgb 代码的边框颜色(比如 rgb(255,0,0))。 | | transparent | 默认值。边框颜色为透明。 | | inherit | 规定应该从父元素继承边框颜色。 | ## TIY 实例 [设置左边框的颜色](/tiy/t.asp?f=csse_border-left-color) 本例演示如何设置左边框的颜色。 ``` <html> <head> <style type="text/css"> p { border-style: solid; border-left-color: #ff0000 } </style> </head> <body> <p>Some text.</p> </body> </html> ``` ## 相关页面 CSS 教程:[CSS 边框](/css/css_border.asp "CSS 边框") CSS 参考手册:[border-left 属性](/cssref/pr_border-left.asp "CSS border-left 属性") HTML DOM 参考手册:[borderLeftColor 属性](/jsref/prop_style_borderleftcolor.asp "HTML DOM borderLeftColor 属性")