css边框属性

一 .border-width：边框宽度
边框宽度用于设置元素边框的宽度值，其语法和用法都与边框样式的设置类似。

语法：border-width: 宽度值

Border-top-width: 宽度值

Border-right-width: 宽度值

Border-bottom-width: 宽度值

Border-left-width: 宽度值

取值范围：thin | medium | thick | <长度>

说明：在该语法中，这几种属性的取值范围相同。其中，medium是默认宽度；thin表示小于默认宽度，称为细边框；thick大于默认宽度，称为粗边框；长度则是由数字和单位组成的长度值，不可为负值。














二 .border：边框属性
边框属性用来设置一个元素的边框宽度、样式、颜色。边框属性只能设置4种边框，它所包含的5种属性（即上下左右4个边框属性和一个总的边框属性）都是复合属性，在使用中只能给出一组边框宽度和样式。

语法：

border: <边框宽度> || <边框样式> || <颜色>

border-top: <上边框宽度> || <上边框样式> || <颜色>

border-right: <右边框宽度> || <右边框样式> || <颜色>

border-bottom: <下边框宽度> || <下边框样式> || <颜色>

border-left: <左边框宽度> || <左边框样式> || <颜色>

说明：在这些复合属性中，边框属性border只能同时设置4种边框，也只能给出一组边框的宽度和式样。而其他边框属性（如上边框属性border-top）只能给出某一个边框的属性，包括宽度、样式和颜色。









三 .border-style：边框样式
边框样式属性用以定义边框的风格呈现式样，这个属性必须用于指定可见的边框。它可以对元素分别设置上边框样式（border-top-style）、下边框样式（border-top-style）、左边框样式（border-top-style）、右边框样式（border-top-style）4个属性，也可以使用复合属性边框样式（border-style）对边框样式的设置进行略写。

语法：border-style: 样式值

Border-top-style: 样式值

Border-right-style: 样式值

Border-bottom-style: 样式值

Border-left-style: 样式值

说明：样式可以取的值共有九种，如下表所示。

边框样式取值含义

取值：none
含义：不显示边框，为默认属性值

取值：dotted
含义：点线

取值：dashed
含义：虚线，也称为短线

取值：solid
含义：实线

取值：double
含义：双实线

取值：groove
含义：边框带有立体感的沟槽

取值：ridge
含义：边框成脊形

取值：inset
含义：使整个方框凹陷，即在边框内嵌入一个立体边框

取值：outset
含义：使整个方框凸起，即在边框外嵌入一个立体边框












四 .border-color：边框颜色
边框颜色属性用于定义边

框的颜色，可以用16种颜色的关键字或RGB值来设置。可以对4个边框分别设置颜色，也可以使用复合属性border-color进行统一设置。对于使用边框颜色border-color属性，如果指定1种颜色，则表示4个边框是一种颜色，指定2种颜色，则定义顺序为上下、左右；指定3种颜色，顺序为上、左右、下；指定4种颜色，顺序则为上、右、下、左。