border

CSS的border属性是一个用于设置各种单独的边界属性的简写属性。border可以用于设置一个或多个以下属性的值：border-width,border-style,border-color。和所有的简写属性一样，如果有缺省值会被设置成对应属性的初始值。同时需要注意设置border对border-image属性的影响，虽然border属性不能设置这个属性，但会把该属性重置为初始值none。这使得我们可以用border属性去重置整个样式表中的border设置。因为W3C计划在未来的标准中保留该属性，因此建议使用该属性重置边框设定。

注意：虽然border-width,、border-style和border-color简写属性接受最多4个参数来为不同的边设置宽度、风格和颜色，但boder属性只接受三个参数，分别是宽度、风格和颜色，所以这样会使得四条边的边框相同。

示例

/* style */
border: solid;

/* width | style */
border: 2px dotted;

/* style | color */
border: outset #f33;

/* width | style | color */
border: medium dashed green;

/* Global values */
border: inherit;
border: initial;
border: unset;

浏览器支持

浏览器都支持border

语法

border:<line-width>| <line-style>| <border-color>| inherit

取值

• <line-width>：请看border-width.
• <line-style>：请看border-style.
• <border-color>：可以确定border的颜色。如果这个值没有设置，它的默认值是元素的color属性值（是文字颜色而非背景色）。请看border-color.

例子

<div class="brd"> look at my borders </div>
<p>you can play with the css below to test properties changes</p>
<style contenteditable>
  .brd { border: 1px solid black;}
</style>

//CSS
.brd { 
  border: 1px solid black;
}
style { 
  border: 1px dashed black;
  display:block;
}