CSS 属性：border-style
框线的样式。
使用一个值时，border-style 属性可以用来为框四周指定统一的边框样式。使用两个、三个或四个值时，可以独立指定各边。
可能的值
| 值 | 描述 |
|---|---|
none | 无边框。 |
solid | 实线。 |
dotted | 一系列点。 |
dashed | 一系列虚线。 |
double | 两条实线。 |
groove | 凹槽的表示。与 |
ridge | 凸起脊的表示。与 |
inset | 内陷凹陷的表示。与 |
outset | 外凸挤压的表示。与 |
hidden | 用于表格。与 |
inherit | |
initial | |
unset | |
多个值
一个、两个、三个或四个用空格分隔的值
| 值 | 注意 | 示例 |
|---|---|---|
| [值] | [上，右，下，左] | solid |
| [值] [值] | [上和下] [左和右] | solid none |
| [值] [值] [值] | [上] [右和左] [下] | solid double dashed |
| [值] [值] [值] [值] | [上] [右] [下] [左] | solid dotted dashed double |
示例
.lamprey{ border-style: solid; }
/* Uniform solid border on all four sides. */
.salmon { border-color: dotted dashed; }
/* Top and bottom borders are dotted. Left and right borders are dashed. */
.sturgeon { border-color: double solid dotted; }
/* Top border is double. Left and right borders are solid. Bottom border is dotted. */
.goldfish { border-color: solid dotted dashed double; }
/* Top border is solid. Right border is dotted. Bottom border is dashed. Left border is double. */