外观
常用属性速查
约 435 字大约 1 分钟
2025-06-19
border-style
border-style 属性用于设置元素所有边框的样式，也可以单独为各边设置边框样式。只有当值不为 none 时边框才会显示。
| 值 | 说明 |
|---|---|
none | 无边框 |
hidden | 与 none 相同，但在表格中用于解决边框冲突 |
dotted | 点状边框（多数浏览器中呈现为实线） |
dashed | 虚线边框（多数浏览器中呈现为实线） |
solid | 实线边框 |
double | 双线边框，两条线的总宽度等于 border-width |
groove | 3D 凹槽边框，效果取决于 border-color |
ridge | 3D 凸槽边框，效果取决于 border-color |
inset | 3D inset 边框，效果取决于 border-color |
outset | 3D outset 边框，效果取决于 border-color |
inherit | 从父元素继承边框样式 |
white-space
white-space 属性控制元素内空白字符和换行的处理方式。
| 值 | 说明 |
|---|---|
normal | 默认值。空白字符会被合并，文本自动换行 |
pre | 空白字符和换行都被保留，行为类似 <pre> 标签 |
nowrap | 文本不会换行，直到遇到 <br> 标签为止 |
pre-wrap | 保留空白字符，但正常换行 |
pre-line | 合并空白字符，但保留换行符 |
inherit | 从父元素继承 white-space 的值 |
overflow
overflow 属性控制内容超出元素框时的显示行为。
| 值 | 说明 |
|---|---|
visible | 默认值。内容不被裁剪，会显示在元素框外 |
hidden | 超出内容被裁剪，不可见 |
scroll | 超出内容被裁剪，始终显示滚动条 |
auto | 超出内容被裁剪，仅在需要时显示滚动条 |
inherit | 从父元素继承 overflow 的值 |