“CSS 2.1 参考手册/border-color”的版本间的差异
来自Blueidea
（→可能的值） |
（→案例） |
||
| （未显示1个用户的2个中间版本） | |||
| 第1行： | 第1行： | ||
==定义== | ==定义== | ||
| − | border- | + | border-color属性是为四个边框的颜色。border（边框）是元素的内边距和外边距之间的空隙，在下面的图释中用亮黄填充的部分。 |
[[Image:Border-box-model.gif]] | [[Image:Border-box-model.gif]] | ||
| 第8行： | 第8行： | ||
h2 {border-color: silver #eeeeee} | h2 {border-color: silver #eeeeee} | ||
</source> | </source> | ||
| + | <source lang="css"> | ||
| + | img{border:1px transparent solid;background:#FAFAFA;}/*设置边框色为transparent在页面中占据位置。可删除border:1px transparent solid;属性测试hover时导致的位移*/ | ||
| + | img:hover{border-color:#AAA;}/*hover时只需改变颜色。如果img没有设置border属性，hover会产生元素位移*/ | ||
| + | </source> | ||
| + | <source lang="html4strict"> | ||
| + | <img src="http://static.blueidea.com/static/image/common/logo.gif" alt="蓝色理想" /> | ||
| + | <img src="http://static.blueidea.com/static/image/common/logo.gif" alt="蓝色理想" /> | ||
| + | </source> | ||
| + | |||
==特性== | ==特性== | ||
===可能的值=== | ===可能的值=== | ||
*可以有一，二，三，四个颜色值（包括关键字 transparent）。如果只有一个值，他将提供给所有四个边框。如果有两个值，第一个值将赋给上边框和下边框，第二个值赋给左右边框。如果有三个值，第一个值赋给上边框，第二个值赋给左右边框，第三个值赋给下边框。如果有四个值，以上，右，下，左的排序赋值。 | *可以有一，二，三，四个颜色值（包括关键字 transparent）。如果只有一个值，他将提供给所有四个边框。如果有两个值，第一个值将赋给上边框和下边框，第二个值赋给左右边框。如果有三个值，第一个值赋给上边框，第二个值赋给左右边框，第三个值赋给下边框。如果有四个值，以上，右，下，左的排序赋值。 | ||
| − | * | + | *inherit: 使用与父元素相同的属性值。 |
===默认值=== | ===默认值=== | ||
2012-02-08T01:06:06的最后版本
定义
border-color属性是为四个边框的颜色。border（边框）是元素的内边距和外边距之间的空隙，在下面的图释中用亮黄填充的部分。
案例
h1 {border-color: red green blue black} h2 {border-color: silver #eeeeee}
img{border:1px transparent solid;background:#FAFAFA;}/*设置边框色为transparent在页面中占据位置。可删除border:1px transparent solid;属性测试hover时导致的位移*/ img:hover{border-color:#AAA;}/*hover时只需改变颜色。如果img没有设置border属性，hover会产生元素位移*/
<img src="http://static.blueidea.com/static/image/common/logo.gif" alt="蓝色理想" /> <img src="http://static.blueidea.com/static/image/common/logo.gif" alt="蓝色理想" />
特性
可能的值
- 可以有一，二，三，四个颜色值（包括关键字 transparent）。如果只有一个值，他将提供给所有四个边框。如果有两个值，第一个值将赋给上边框和下边框，第二个值赋给左右边框。如果有三个值，第一个值赋给上边框，第二个值赋给左右边框，第三个值赋给下边框。如果有四个值，以上，右，下，左的排序赋值。
- inherit: 使用与父元素相同的属性值。
默认值
由浏览器定义
适用于
继承
不
