`border` 属性是 CSS 中用于设置元素边框的复合属性。它可以接受多个值,用于定义边框的样式、宽度和颜色。以下是 `border` 属性的基本语法:
```css
border: border-width border-style border-color;
```
其中:
* `border-width`: 定义边框的宽度,可以是具体的像素值(如 `5px`)、相对单位(如 `medium`、`thin`、`thick`)或者 `auto`(自动计算宽度)。默认值是 `medium`。如果单独设置每个边的宽度,可以用 `border-top-width`、`border-right-width` 等替代。
* `border-style`: 定义边框的样式,如 `solid`(实线)、`dotted`(点状线)、`dashed`(虚线)、`double`(双线)、`groove`(凹槽效果)、`ridge`(垄脊效果)等。如果没有指定,则默认值是 `none`(无边框)。还可以是其他关键词,如 `hidden` 或具体的数值如 `inherit` 等。默认值是 `none`。如果单独设置每个边的样式,可以用 `border-top-style`、`border-right-style` 等替代。
* `border-color`: 定义边框的颜色。可以是颜色名称、十六进制颜色代码、RGB 函数值等。默认颜色是元素或其父元素的背景色。如果单独设置每个边的颜色,可以用 `border-top-color`、`border-right-color` 等替代。如果未指定任何值,浏览器将使用默认值。此外,你还可以为每个边单独设置宽度、样式和颜色,例如 `border-top: 5px solid red;` 为顶部边框设置宽度为 5px 的红色实线边框。还可以使用其他相关属性,如 `border-radius` 来设置边框的圆角等。注意,在使用复合属性时,必须按照正确的顺序指定值,否则可能会导致意外的结果。同时,也可以使用特定的属性(如 `border-top`, `border-right`, 等)来分别设置每个边的属性。