Sé que esta es una publicación anterior, pero como dijo MisterZimbu, la color
propiedad está definiendo los valores de otras propiedades, como border-color
y, con CSS3, de currentColor
.
currentColor
es muy útil si desea utilizar el color de fuente para otros elementos (como el fondo o casillas de verificación personalizadas y radios de elementos internos, por ejemplo).
Ejemplo:
.element {
color: green;
background: red;
display: block;
width: 200px;
height: 200px;
padding: 0;
margin: 0;
}
.innerElement1 {
border: solid 10px;
display: inline-block;
width: 60px;
height: 100px;
margin: 10px;
}
.innerElement2 {
background: currentColor;
display: inline-block;
width: 60px;
height: 100px;
margin: 10px;
}
<div class="element">
<div class="innerElement1"></div>
<div class="innerElement2"></div>
</div>