border-style 是 CSS 中用于设置元素边框样式的属性。它可以独立地设置元素的四个边框(上、右、下、左)的样式,也可以设置为统一的值。

border-style 属性的语法如下:
element {
  border-style: value;
}

其中,value 可以是以下样式之一:

  •  none:无边框。

  •  hidden:与 none 相似,但在一些情况下,hidden 和 none 的处理方式略有不同。

  •  dotted:点状边框。

  •  dashed:虚线边框。

  •  solid:实线边框。

  •  double:双线边框。

  •  groove:3D凹槽边框。

  •  ridge:3D凸槽边框。

  •  inset:3D内凹边框。

  •  outset:3D外凸边框。


示例:
/* 设置所有边框的样式为实线 */
div {
  border-style: solid;
}

如果你只想设置某个特定方向的边框样式,可以使用 border-top-style、border-right-style、border-bottom-style 和 border-left-style 分别设置上、右、下和左边框的样式。例如:
/* 分别设置上边框的样式为虚线,右边框的样式为实线 */
div {
  border-top-style: dashed;
  border-right-style: solid;
}

这两种方式都可以用来设置边框样式,具体取决于你对边框属性的控制需求。


转载请注明出处:http://www.pingtaimeng.com/article/detail/6025/CSS