2010-03-23 20 views
109

कोई भी जानता है कि क्यों सीएसएस पाठ के लिए color प्रदान करता है, लेकिन font-color या text-color नहीं है?सीएसएस "रंग" बनाम "फ़ॉन्ट-रंग"

या फोंट से संबंधित कुछ के बजाय text-decoration: underline की तरह बहुत काउंटर-सहज ज्ञान युक्त लगता है।

क्या किसी को पता है कि डब्ल्यू 3 सी इस तरह के सीएसएस नामों की इतनी विस्तृत श्रृंखला के साथ क्यों आया/कैसे?

+1

मैं "font-रंग" संपत्ति को पेश करने के लिए एक Petion शुरू कर दिया है। शायद आप में से कुछ इसे साइन करना चाहते हैं। 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

उत्तर

89

मुझे लगता है कि एक कारण यह हो सकता है कि रंग फ़ॉन्ट के अलावा अन्य चीज़ों पर लागू होता है। उदाहरण के लिए:

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

लाल रंग का रंग और लाल सीमा दोनों उत्पन्न करता है।

वैकल्पिक रूप से, यह केवल इतना हो सकता है कि डब्ल्यू 3 सी के सीएसएस मानकों को पूरी तरह से पीछे और अज्ञात हैं, जैसा कि कहीं और प्रमाणित है।

+2

अच्छा बिंदु लेकिन सीमा को फ़ॉन्ट-परिवार नहीं मिलता –

+3

इस पृष्ठ पर सीएसएस में निम्नलिखित जोड़ने का प्रयास करें: '.post-text { रंग: नीला; सीमा: 1 पीएक्स ठोस लाल; } 'आप देखेंगे कि सीमा रंग लाल रंग के बावजूद टेक्स्ट रंग नीला है। – Robusto

+0

तब परिभाषा के अनुसार, फ़ॉन्ट-रंग तेज़ तब रंग होता है क्योंकि इसे कम काम करना पड़ता है। – kta

156

उसी तरह बोस्टन अपनी सड़क योजना के साथ आया था। उन्होंने पहले से ही गाय पथों का पालन किया, और घरों का निर्माण किया जहां सड़कों पर नहीं थे, और कुछ समय बाद इसे बदलने में बहुत परेशानी थी।

+11

दुर्भाग्य से ये वही लोग हैं जो अपनी उंगलियों को घुमाते हैं समुदाय में इतने लंबे समय तक लेआउट संरचनाओं के रूप में टेबल का उपयोग करने के लिए जब सीएसएस समकक्ष लेआउट ग्रिड प्रदान करने में विफल रहता है। –

+3

@Fred - हाँ यही कारण है कि मैंने तालिकाओं का उपयोग जारी रखा है। उम्मीद है कि एचटीएमएल 5 में एक ग्रिड टैग होगा। –

+2

क्या? मुझे यह नहीं मिला – miky

4

मैं जानता हूँ कि यह एक पुरानी postб है लेकिन जैसा कि MisterZimbu कहा गया है, color संपत्ति, अन्य संपत्तियों के मूल्यों को परिभाषित किया जाता है, के रूप में border-color और, css3 साथ currentColor की।

currentColor बहुत आसान है यदि आप अन्य तत्वों के लिए फ़ॉन्ट रंग का उपयोग करना चाहते हैं (उदाहरण के लिए पृष्ठभूमि या कस्टम चेकबॉक्स और आंतरिक तत्वों के रेडियो)।

उदाहरण:

<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

आपने बस मेरे दिमाग को उड़ा दिया। साफ सीएसएस चाल में दूर फाइलिंग। – kamranicus

संबंधित मुद्दे