“CSS 2.1 参考手册/border-color”的版本间的差异

来自Blueidea
跳转至: 导航搜索
可能的值
UED讨论 | 贡献
案例
 
(未显示1个用户的2个中间版本)
第1行: 第1行:
 
==定义==
 
==定义==
border-width属性是为四个边框的颜色。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(边框)是元素的内边距和外边距之间的空隙,在下面的图释中用亮黄填充的部分。

Border-box-model.gif

案例

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: 使用与父元素相同的属性值。

默认值

由浏览器定义

适用于

所有元素

继承

另见