2010-03-23 17 views
109

Alguien sabe por qué CSS proporciona color para el texto, pero no tiene font-color o text-color?CSS "color" frente a "font 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 el W3C creó una amplia variedad de nombres de CSS como este?

+1

que han iniciado una petion para introducir la propiedad "font color". Quizás algunos de ustedes quieran firmarlo. https://www.change.org/p/world-wide-web-consortium-introduce-the-font-color-css-property?recruiter=238928026&utm_source=share_for_starters&utm_medium=copyLink – tsuma534

Respuesta

89

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

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

Proporciona un color de fuente rojo y un borde rojo.

Alternativamente, podría ser que los estándares de CSS del W3C son completamente atrasados ​​y sin sentido como se evidencia en otros lugares.

+2

buen punto pero el borde no obtiene la familia de fuentes –

+3

Intente agregar lo siguiente al CSS en esta página: '.post-text { color: azul; borde: 1px rojo sólido; } 'Verá que el color del texto es azul aunque el color del borde sea rojo. – Robusto

+0

luego, por definición, el color de la fuente es más rápido que el color ya que tiene que hacer menos trabajo. – kta

156

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

+11

Desafortunadamente estas son las mismas personas moviendo los dedos en la comunidad para usar tablas como estructuras de disposición durante tanto tiempo cuando CSS no proporciona una cuadrícula de diseño equivalente. –

+3

@Fred - Sí, es por eso que he seguido usando tablas. Esperemos que HTML 5 tenga una etiqueta de cuadrícula. –

+2

¿qué? No lo entiendo – miky

4

Sé que esto es un viejo postб pero como se ha dicho MisterZimbu, la propiedad color es la definición de 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> 
+1

Me acabas de volar la cabeza. Archivar eso en trucos de CSS. – kamranicus