CSS" color "vs." font-color"

¿Alguien sabe por qué CSS proporciona color para el texto, pero no tiene font-color o text-color?

Parece muy contrario a la intuición, algo así como text-decoration: underline en lugar de font-style o algo relacionado con las fuentes.

¿Alguien sabe por qué/cómo se le ocurrió al W3C una gama tan amplia de nombres CSS como este?

 123
css
Author: Michał Perłakowski, 2010-03-23
Source

3 answers

Creo que una razón podría ser que el color se aplica a cosas que no sean fuentes. Por ejemplo:

div {
    border: 1px solid;
    color: red;
}

Produce un color de fuente rojo y un borde rojo.

Alternativamente, podría ser que los estándares CSS del W3C son completamente al revés y sin sentido como se evidencia en otros lugares.

 96
Author: MisterZimbu,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-03-23 16:41:06

De la misma manera que a Boston se le ocurrió su plan de calles. Siguieron los caminos de las vacas ya allí, y construyeron casas donde las calles no estaban, y después de un tiempo fue demasiado problema para cambiar.

 170
Author: Robusto,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-03-23 16:31:35

Sé que este es un postб antiguo, pero como MisterZimbu declaró, la propiedad color está definiendo los valores de otras propiedades, como el 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: 

<style type="text/css">
    .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;
    }
</style>
<div class="element">
    <div class="innerElement1"></div>
    <div class="innerElement2"></div>
</div>
 5
Author: quasi,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-11-21 09:26:08