20、CSS 边框与视觉格式化属性全解

CSS 边框与视觉格式化属性全解

1. CSS2 边框“侧边”样式属性

CSS2 引入了一组新的边框属性子族，即“边框‘侧边’样式”。该子族包含以下属性：
- BORDER-TOP-STYLE ：设置顶部边框的显示类型。
- BORDER-RIGHT-STYLE ：设置右侧边框的显示类型。
- BORDER-LEFT-STYLE ：设置左侧边框的显示类型。
- BORDER-BOTTOM-STYLE ：设置底部边框的显示类型。

这些属性的功能与 CSS1 中的 BORDER-STYLE 属性基本相同，但更具针对性，其值仅适用于特定的边框侧边。

以下是这些属性的取值：
| 属性值 | 描述 |
| ---- | ---- |
| DASHED | 显示虚线边框 |
| DOTTED | 显示点状边框 |
| DOUBLE | 显示双线条边框 |
| INSET | 显示 3D 内凹线条边框 |
| GROOVE | 显示 3D 凹槽线条边框 |
| NONE | 不显示边框，无论 BORDER-WIDTH 值是多少 |
| OUTSET | 显示 3D 外凸线条边框 |