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;
}