2010-03-23 16 views
109

Qualcuno sa perché il CSS fornisce color per il testo, ma non ha font-color o text-color?CSS "color" vs. "font-color"

Sembra molto contro-intuitivo, un po 'come text-decoration: underline anziché font-style o qualcosa relativo ai caratteri.

Qualcuno sa perché/come il W3C ha trovato una così vasta gamma di nomi CSS come questo?

+1

ho iniziato una Petion per introdurre la proprietà "font-colore". Forse qualcuno di voi vorrebbe 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

risposta

89

Penso che una ragione potrebbe essere che il colore è applicato a cose diverse dal carattere. Per esempio:

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

rendimenti sia un font color rosso e un bordo rosso.

In alternativa, potrebbe semplicemente essere che gli standard CSS del W3C sono completamente arretrati e privi di senso come evidenziato altrove.

+2

buon punto ma il bordo non ottiene la famiglia di font –

+3

Prova ad aggiungere quanto segue al CSS in questa pagina: '.post-text { color: blue; Bordo : 1px rosso fisso; } 'Vedrai che il colore del testo è blu anche se il colore del bordo è rosso. – Robusto

+0

quindi, per definizione, il colore del carattere è più veloce del colore in quanto deve fare meno lavoro. – kta

156

Allo stesso modo, Boston ha ideato il suo piano stradale. Seguirono i sentieri delle mucche già lì e costruirono case dove non c'erano le strade, e dopo un po 'fu troppo difficile cambiare.

+11

Purtroppo queste sono le stesse persone che scuotono le loro dita alla comunità per l'utilizzo di tabelle come strutture di layout per così tanto tempo quando il CSS non riesce a fornire una griglia di layout equivalente. –

+3

@Fred - Sì, è per questo che ho continuato a usare le tabelle. Si spera che HTML 5 abbia un tag di griglia. –

+2

cosa? Io non capisco – miky

4

So che questo è un vecchio postб ma come detto MisterZimbu, la proprietà color è la definizione dei valori di altre proprietà, come il border-color e, con CSS3, di currentColor.

currentColor è molto utile se si desidera utilizzare il colore del carattere per altri elementi (ad esempio lo sfondo o le caselle di controllo personalizzate e le radio degli elementi interni).

Esempio:

<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

Mi hai solo fatto impazzire. Archiviandolo in trucchi CSS accurati. – kamranicus