22.5.2　设置右端边框的属性

与顶端的边框一样，右端的边框属性也是边框四个方向属性的成员之一，右端的边框属性用border-right表示，其后所接的值与border复合属性一样，由边框宽度、边框颜色和边框样式组成的。完整代码如下。

border-right：border-width||border-style||border-color

本属性默认值参数为：medium none，而border-color的默认值将采用文本颜色。当然，这是表示右端的边框属性，与顶端的边框一样，设置本属性与其他方向的属性没有影响，只对设置的方向影响。

代码22.6　演示了border-right用法。

代码22.6　源代码\第22章\border-right用法.html

————————————-文件名：border-right用法.html————————————-

01 ＜html＞

02 ＜head＞

03 ＜title＞border-right用法＜/title＞

04 ＜style type="text/css"＞

05 #btop

06 {

07 /设置尺寸/

08 width：200px；

09 height：150px；

10 border-right：5px solid red；

11 }

12 ＜/style＞

13 ＜/head＞

14 ＜body＞

15 ＜div id="btop"＞

16 在这个层里面，只有右端存在边框＜br＞

17 宽为200px，高为150px。

18 ＜/div＞

19 上面的层高为150px。

20 ＜/body＞

21 ＜/html＞

【代码解析】在代码第5～11行的层对象中，设置宽为200像素，高为150像素，设置右端边框border-right为5像素红色实线，即边框表示的只在右端，其他方向的边框没有设置，即没有边框值，同时设置右端的边框对其他方向的边框没有影响，设置border-right后，效果如图22.6所示。

图　22.6　border-right用法