`border-style` 是CSS(层叠样式表)中的一个属性,用于定义元素的边框样式。这个属性定义了边框应该是什么样的样式,比如实线、虚线、点线等。下面是一些常用的 `border-style` 值:
1. `none`:无边框。
2. `hidden`:隐藏边框,但与其他边框有相同的宽度和颜色(通常用于表格等)。
3. `solid`:实线边框。
4. `dotted`:点状边框。
5. `dashed`:虚线边框。
6. `double`:双线边框。定义双线时,可以使用 `border-width` 属性来设置两条线的宽度。
7. `groove`:根据浏览器的不同,可能呈现为3D凹槽样式。
8. `ridge`:根据浏览器的不同,可能呈现为3D垄脊样式。
9. `inset`:3D凹边样式。
10. `outset`:3D凸边样式。这些样式常常用于创建具有立体感的按钮或其他界面元素。
通常,这个属性需要与 `border-width` 和 `border-color` 属性一起使用,以完全定义边框的外观。例如:
```css
div {
border-style: solid; /* 定义边框样式为实线 */
border-width: 2px; /* 定义边框宽度为2像素 */
border-color: #000; /* 定义边框颜色为黑色 */
}
```
border-style` 属性可以应用到一个元素的每一个边,通过使用 `border-top-style`、`border-right-style`、`border-bottom-style` 和 `border-left-style` 可以分别定义各个边的样式。