सीएसएस "रंग" बनाम "फ़ॉन्ट-रंग"

Question

किसी को पता है कि CSS colorपाठ के लिए क्यों प्रदान करता है, लेकिन है font-colorया नहीं text-color?

बहुत जवाबी सहज लगता है, की तरह की तरह text-decoration: underlineके बजाय font-styleया फोंट से संबंधित कुछ।

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

Comments

मैंने "फ़ॉन्ट-रंग" संपत्ति को पेश करने के लिए एक याचिका शुरू की है। हो सकता है कि आप में से कुछ इसे साइन करना चाहें। change.org/p/…

— tsuma534

आप इसे <font> टैग के भीतर कर सकते हैं। उदा <font color = "red"> हैलो वर्ल्ड! <font>

— airider74

@ airider74 आप किस वर्ष में रह रहे हैं? <Font> तत्व को कई वर्षों से हटा दिया गया है।

— kojow7

हां, यह है ... लेकिन यह अभी भी काम करता है

— airider74

Answer 1

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

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

पैदावार एक लाल फ़ॉन्ट रंग और एक लाल सीमा।

वैकल्पिक रूप से, यह सिर्फ यह हो सकता है कि W3C के सीएसएस मानक पूरी तरह से पीछे की ओर और निरर्थक हैं जैसा कि कहीं और स्पष्ट है।

Comments

इस पृष्ठ पर सीएसएस में निम्नलिखित को जोड़ने का प्रयास करें: .post-text { color: blue; border: 1px solid red; }आप देखेंगे कि पाठ का रंग नीला है, भले ही सीमा का रंग लाल हो।

— रोबस्टो

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

— काटा

Answer 2

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

Answer 3

मुझे पता है कि यह एक पुरानी पोस्ट है, लेकिन जैसा कि मिस्टरज़िम्बु ने कहा है, colorसंपत्ति अन्य गुणों के मूल्यों को परिभाषित कर रही है, जैसे कि border-color, CSS3 के साथ, के currentColor।

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

उदाहरण:

.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>

Comments

मुझे लगता है कि यह एक अलग font-color/ text-colorसंपत्ति उपलब्ध होने का और भी कारण देता है। इस तरह आपके पास एक विशेष डिफ़ॉल्ट रंग के साथ तत्व के कई भाग हो सकते हैं, और यदि आप चाहें तो पाठ दूसरे में भी। अन्यथा यह टेक्स्ट रंग के लिए डिफ़ॉल्ट रंग को टाई करता है।

— बेन जे

@BJJ मुख्य रंग को डिफ़ॉल्ट रंग बांधना शायद वेब के शुरुआती दिनों में इरादा था। आज आप css वेरिएबल्स ( developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables ) का उपयोग कर सकते हैं और / या किसी Sss, Less, Stusus इत्यादि के रूप में css प्रीप्रोसेसर का उपयोग कर सकते हैं , जहाँ वेरिएबल्स के साथ काम करना आसान है।

— अर्ध