在CSS（层叠样式表）中，`border`属性是一个用于设置元素边框样式的复合属性。它允许开发者定义元素边框的宽度、样式和颜色。`border`属性实际上是三个基本边框属性——`border-width`、`border-style`和`border-color`的简写形式。
以下是这三个基本属性的详细介绍：
1. `border-width`：
- `border-width`属性用于设置一个元素边框的宽度。
- 可以指定四个值（上、右、下、左），也可以指定一到两个值。
- 允许的值包括像素（px）、点（pt）、厘米（cm）、百分比等。
2. `border-style`：
- `border-style`属性用于设置元素边框的样式。
- 可以指定四个值，分别对应上、右、下、左边框的样式。
- 常用的样式包括`none`（无边框）、`solid`（实线）、`dashed`（虚线）、`dotted`（点线）等。
3. `border-color`：
- `border-color`属性用于设置一个元素边框的颜色。
- 可以指定四个值，分别对应上、右、下、左边框的颜色。
- 颜色可以使用RGB、RGBA、十六进制、预定义颜色名称等表示。
而`border`属性的简写形式可以一次设置这些值，例如：
.element {
border: 1px solid #000; /* 边框宽度为1px，样式为实线，颜色为黑色 */
}
此外，还有一些与边框相关的CSS属性，例如：
- `border-radius`：用于设置边框的圆角。
- `border-image`：允许使用图像作为边框。
- `box-shadow`：为元素添加阴影效果，有时也用于模拟边框效果。
在应用边框样式时，还需要注意以下要点：
- 边框会影响元素的总宽度和高度，例如，设置了`width`和`height`的元素，加上边框后实际占据的空间会更大。
- 在某些情况下，边框可能与其他元素的布局发生重叠，可以通过CSS的`overflow`属性或使用其他布局策略来处理。
- 默认情况下，边框是位于元素尺寸计算的外部，即边框会向外扩展。
综上所述，CSS中的`border`属性是前端开发中常用的一个功能，通过灵活运用边框相关的属性，开发者可以创造出丰富多样的页面布局和视觉效果。