下面土嘎嘎小编分享 CSS `border` 属性的常见值和设置方式:
- `border-width`: 设置边框的宽度,可以单独指定上、右、下、左边框的宽度,或者统一指定所有边框的宽度。
- 单独指定:`border-top-width`, `border-right-width`, `border-bottom-width`, `border-left-width`
- 统一指定:`border-width`
- `border-style`: 设置边框的样式,可以单独指定上、右、下、左边框的样式,或者统一指定所有边框的样式。
- 单独指定:`border-top-style`, `border-right-style`, `border-bottom-style`, `border-left-style`
- 统一指定:`border-style`
- `border-color`: 设置边框的颜色,可以单独指定上、右、下、左边框的颜色,或者统一指定所有边框的颜色。
- 单独指定:`border-top-color`, `border-right-color`, `border-bottom-color`, `border-left-color`
- 统一指定:`border-color`
- `border`: 用于同时设置边框的宽度、样式和颜色。语法为 `<width> <style> <color>`。
- 示例: `border: 1px solid black;`
此外,还有一些用于更精细控制边框的属性:
- `border-radius`: 设置边框的圆角,可以单独指定上、右、下、左边角的半径,或者统一指定所有边角的半径。
- `border-image`: 设置边框的图片和九宫格切片。语法为 `<source> <slice> <width> <outset> <repeat>`。
- `border-collapse`: 指定表格边框的折叠方式,有两个值可选:`collapse`(相邻边框会合并)和 `separate`(相邻边框不合并)。
这些是 CSS `border` 属性的一些常见设置。你可以根据需要组合使用这些属性,以实现自定义的边框样式和效果。