2012-02-15 13 views
13

मैं -webkit-text-fill-color और बस बस color के बीच अंतर को समझने की कोशिश कर रहा हूं? क्या कोई कार्यात्मक अंतर है? जहां तक ​​मैं कह सकता हूं, वे बिल्कुल वही हैं .. क्या आप ऐसा कुछ कर सकते हैं जो आप एक के साथ कर सकते हैं लेकिन दूसरे नहीं?"-webkit-text-fill-color" और "color" के बीच अंतर?

उत्तर

19

WebKit blog से:

text-fill-color - यह संपत्ति आप पाठ के लिए रंग भरने निर्दिष्ट करने के लिए अनुमति देता है। यदि यह सेट नहीं है, तो color संपत्ति भरने के लिए उपयोग की जाएगी।

तो हाँ, वे एक ही हैं, लेकिन -webkit-text-fill-colorcolor पर वरीयता दी जाएगी दो अलग-अलग मान रहे हैं।

मुझे लगता है कि इस के लिए तर्क आप एक अलग रंग चुन सकते हैं कि अगर आप चाहते हैं जब -webkit-text-stroke का उपयोग कर, लेकिन यह शान से color करना प्रारंभ कर देगा अगर -webkit-text-stroke उपलब्ध नहीं है (और इस प्रकार -webkit-text-fill-color या तो नहीं है) है। ऐसे मामले हो सकते हैं जहां आप अन्यथा अपठनीय पाठ के साथ समाप्त हो जाएंगे।

+2

अपना उत्तर जोड़ने के लिए: '-webkit-text-fill-color' केवल वेबकिट-आधारित ब्राउज़र के लक्ष्यीकरण की अनुमति देता है, जबकि' रंग' को बाकी को लक्षित करने के लिए उपयोग किया जा सकता है। – fayerth

+1

सच है, '-webkit-text-fill-color' वेबकिट के लिए विशिष्ट है। इसके अलावा, रंग संपत्ति सीमाओं तक फैली हुई है। यदि आप किसी रंग को 'रंग' गुण वाले तत्व को निर्दिष्ट करते हैं और सीमा रंग निर्दिष्ट नहीं करते हैं, तो सीमा 'रंग' संपत्ति के लिए डिफ़ॉल्ट होगी। – dangerChihuahua007

+1

बेशक यह वेबकिट के लिए विशिष्ट है, वास्तव में यह नहीं पूछा जा रहा था - चूंकि आखिर में 'टेक्स्ट-फिल-रंग' अन्य सभी ब्राउज़रों द्वारा जोड़ा जा सकता है। मैं इस बात का तर्क प्राप्त करने की कोशिश कर रहा था कि आप इसके लिए क्या उपयोग करेंगे, या किसी अन्य संपत्ति के समान होने पर यह किसी को कैसे लाभ पहुंचाएगा। एंड्रयू का तर्क समझ में आता है। –

19

-webkit-text-fill-colortransparent पर सेट किया जा सकता है जो आपको क्षैतिज ढाल सेट करने जैसी टेक्स्ट पर कुछ वाकई दिलचस्प चीजें करने की अनुमति देता है। इस इंद्रधनुष पाठ उदाहरण देखें: http://jsfiddle.net/DoubleYo/qGfzm/

+0

यह कमाल है। –

+2

यह तब भी काम करता है जब आप '-webkit-text-fill-color' को 'रंग' में बदलते हैं। उदाहरण के लिए –

+2

+1। "इसका क्या मतलब है?" :) –

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