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 属性不会影响元素的布局，仅仅是样式效果而已。
CSS border-left-color 属性 CSS border-left-width 属性