颜色属性介绍-color
语法
- color:<color>
- 默认值:由客户端“user agent”决定
- 适用于：所有元素
- 继承性：有
- 动画性：是
- 计算值：指定值
说明
取值单位包括
- 颜色名称:颜色名称设定的color不一定能被识别
- red,green
- HEX:十六进制颜色值
- #ff33E9;,#3e3/#33ee33
- RGB:R[红]G[绿]B[蓝]
- rgb(123,231,13),rgb(20%,25%,100%)
- RGBA:比RGB多了一个透明度值
- rgba(123,231,13,0.5)
- HSL:H[色调][0-360]、S[饱和度][0%-100%]、L[亮度][0%-100%]
- hsl(280,100%,75%)
- HSLA:比HSL多了一个透明度值
- hsla(120,100%,75%,0.7)
- transparent:透明色,IE8及以下浏览器将文本颜色设置为transparent，文本将显示为黑色
- transparent
其他特性
1.color属性值被间接用来提供一个中间值 currentColor 以供其他接受颜色值的属性(如border)使用
div{
border:2px solid;
color:red;
}
2.相应的脚本特性为color,即通过el.style.color即可设置或获取颜色
兼容性
颜色名称和RGB单位所有浏览器都支持.
RGBA,HSL,HSLA,transparent在IE6-8不支持。transparent会被设置成黑色（不管父级元素有没有color属性），其他方式设置无效，如果有继承的颜色就表现为继承的颜色，如果没有就是黑色（user agent）