CSS样式中关于边框设置的基础属性主要包括以下3个。

 border-width：设置元素的边框粗细。

 border-color：设置元素的边框颜色。

 border-style：设置元素的边框类型。

在实际使用过程中，可以将这3个属性合关在一起，其缩写的语法格式如下。

border: border-style | border-color | border-width;

缩写后的每个属性值之间使用空格分隔，并且它们之间没有先后顺序的要求。

1．border-width属性

可以通过CSS样式中的border-width来设置元素边框的宽度，以增强边框的效果。border-width属性的语法格式如下。

border-width: medium | thin | thick | length;

border-width属性可以拆分为border-top-width（上边框粗细）、border-right-width（右边框粗细）、border-bottom-width（下边框粗细）和border-left-width（左边框粗细）这4个子属性，可以分别对元素边框的4条边进行粗细不等的设置。

2．border-color属性

在设置元素的边框样式时，不仅可以对边框的宽度进行设置，为了突出显示边框的效果，还可以通过CSS样式中的border-color属性来定义边框的颜色。

border-color属性的语法格式如下。

border-color: 颜色值;

border-color属性的颜色值可以使用十六进制和RGB等各种CSS样式接受的颜色值。

border-color属性与border-width属性相似，同样可以拆分为border-top-color（上边框颜色）、border-right-color（右边框颜色）、border-bottom-color（下边框颜色）和border-left-color（左边框颜色）这4个子属性，可以分别对元素边框的4条边设置不同的颜色。

3．border-style属性

border-style属性用于设置元素边框的样式，既定义边框的风格。

border-style属性的语法格式如下。

border-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset;

以上所介绍的边框样式属性还可以定义在一个元素边框中，它是按照顺时针的方向分别对边框的上、右、下、左进行边框样式定义的，可以形成样式多样化的边框。