遗憾的是，简写属性（如border-color和border-style）并不总像你想得那么有用。

例如，网站建设人员可能想在所有h1元素上应用一个粗的灰色实线边框，不过只是底边上有此边框。如果只使用我们目前已经讨论过的属性，应用这样一个边框时会遇到很大困难。以下是两个例子：

h1{border-bottom-width:thick;/*option#1*/

border-bottom-style:solid;

border-bottom-color:gray;}

h1{border-width:0 0 thick;/*option#2*/

border-style:none none solid;

border-color:gray;}

根据以上键入的规则，这两种做法都很不方便。幸运的是，还有一种更好的解决方法：

h1{border-bottom:thick solid gray;}

这只是向底边边框应用值，而所有其他边的边框仍为其默认值。由于默认的边框样式为none，所以元素其他三个边上不出现边框。

网页设计，总共有4个这样的简写属性。

border-top、border-right、border-bottom、border-left

值：[<border-width>||<border-style>||<border-color>]|inherit

初始值：对简写属性未定义

应用于：所有元素

继承性：无

计算值：见单个属性（border-width等）

可以使用这些属性创建一些复杂的边框：

h1{border-left:3px solid gray;

border-right:black 0.25em dotted;

border-top:thick silver inset;

border-bottom:double rgb(33%,33%,33%)10px;)

可以看到，具体值的顺序并不重要。以下三个规则会得到完全相同的边框效果：

h1{border-bottom:3px solid gray;}

h2{border-bottom:solid gray 3px;}

h3{border-bottom:3px gray solid;}

还可以省略一些值，使用其默认值，如下：

h3{color:gray;border-bottom:3px solid;}

由于没有声明任何边框颜色，因此会应用默认值（元素的前最色）。要记住，如果没有边框样式，默认样式值none会使得边框不复存在。

相反，如果只设置了样式，还是会得到一个边框。假设网站设计者只想有一个样式为dashed的上边框，而且希望其宽度仍为默认值medium，颜色与元素本身的文本颜色相同，在这种情况下，所需的就是以下标记（见图8-33）:

p.roof{border-top:dashed;}另一个要注意的是，由于这些“单边边框”属性只应用到一个特定的边，所以不可能进行值复制——这是没有任何意义的，每种值只能有一个：也就是说，只能有一个宽度值、一个颜色值和一个边框样式。所以网页设计不要为同一个类型声明多个值：

h3{border-top:thin thick solid purple;}/*cwo width values——WRONG*/

在这种情况下，整个语句都将无效，用户代理会将其全部忽略。