CSS border-left-style 属性
CSS border-left-style 属性
CSS border-left-style 属性定义了元素左边框的样式。该属性可以取以下值:
- none:无边框
- hidden:边框不可见
- dotted:边框为点线
- dashed:边框为虚线
- solid:边框为实线
- double:边框为双线
- groove:边框呈槽状
- ridge:边框呈垄状
- inset:边框呈内嵌式
- outset:边框呈外凸式
语法
border-left-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;
使用方法
border-left-style 属性通常与 border-left-width 和 border-left-color 属性一起使用,这三个属性合起来定义边框的样式、宽度、颜色。以下是一个例子:
border-left: 2px dotted red;
该代码将元素左边框的宽度设为 2 像素,边框样式为点线,边框颜色为红色。
特殊用法
border-left-style 属性也可以单独使用,此时边框宽度默认为 medium ,颜色默认为当前文本颜色。以下是一个例子:
border-left-style: solid;
该代码将元素左边框的样式设为实线,边框宽度为 medium ,边框颜色为当前文本颜色。
注意事项
- 当元素的 border-left-style 值为 none 时,border-left-width 和 border-left-color 属性将没有任何效果。
- 当元素的 border-left-style 值为 hidden 时,该边框无法被点击或选择,但仍存在于文档流中。
- border-left-style 属性不会影响元素的布局,仅仅是样式效果而已。