जावास्क्रिप्ट टेक्स्ट का रंग बदलें

| | | | | | | | | | | | | | | | | | | | | | | | | |

सीएसएस पृष्ठभूमि-रंग गुण टेक्स्ट तत्व पर रंग लागू करता है। आप पृष्ठभूमि रंग गुण के साथ एक अंतर्निहित सीएसएस रंग कीवर्ड, हेक्साडेसिमल मान, या कोई अन्य रंग मान निर्दिष्ट कर सकते हैं। इस प्रॉपर्टी का सिंटैक्स है: color: yourcolor;

वेबसाइट पर टेक्स्ट के रंग और बैकग्राउंड को एडजस्ट करना वेब डिज़ाइन का एक अनिवार्य हिस्सा है

। वह जगह है जहां सीएसएस रंग गुण और पृष्ठभूमि रंग चलन में आते हैं। रंग गुण आपको HTML टेक्स्ट का रंग सेट करने की अनुमति देता है। बैकग्राउंड-कलर प्रॉपर्टी आपको टेक्स्ट के बैकग्राउंड कलर्स को परिभाषित करने की अनुमति देती है।

यह ट्यूटोरियल उदाहरणों के साथ चर्चा करेगा कि CSS में टेक्स्ट कलर कैसे सेट करें। इसके बाद, हम इस बारे में बात करेंगे कि टेक्स्ट एलिमेंट का बैकग्राउंड कलर कैसे सेट किया जाए।

CSS फॉन्ट कलर

CSS फॉन्ट का कलर कलर प्रॉपर्टी का इस्तेमाल करके सेट किया जाता है। रंग गुण टेक्स्ट का रंग सेट करता है, तत्व की पृष्ठभूमि नहीं। . रंग को परिभाषित करने के लिए आप सीएसएस रंग कीवर्ड या रंग मानों का उपयोग कर सकते हैं - हेक्स स्ट्रिंग्स के रूप में

रंग संपत्ति के लिए वाक्यविन्यास है:

यह नियम HTML दस्तावेज़ में सभी

टैग के रंग को लाल रंग में सेट करता है।

हमने एक CSS रंग कीवर्ड का उपयोग किया है। यदि आप "लाल" या "नीला" जैसे किसी मानक रंग का उल्लेख करना चाहते हैं तो ये कीवर्ड उपयोगी हैं। लेकिन ये कीवर्ड स्पेक्ट्रम के सभी रंगों का वर्णन नहीं करते हैं। यदि आप किसी विशिष्ट रंग का उपयोग करना चाहते हैं, तो आप दूसरे प्रकार के रंग लेबल का उपयोग कर सकते हैं

रंग गुण निम्न में से कोई भी मान स्वीकार करता है:

<तालिका वर्ग = "w p-ब्लॉक एन टेबल-जानकारी तालिका"> मान विवरण < मजबूत>उदाहरण रंग का नाम रंग का एक नाम नीला, गर्म गुलाबी रंग हेक्स हेक्साडेसिमल रंग। पहचानकर्ता छह वर्ण लंबे होते हैं। # f7f7f7, # 0000ff RGB रंग RGB का मतलब लाल, हरा और नीला है। rgb (0, 50, 28), rgb (0, 0, 255) HSL रंग HSL का अर्थ है रंग, संतृप्ति और हल्कापन। HSL (0, 50%, 50%), hsl (180, 50%, 25%)

डिफ़ॉल्ट रूप से, द्वारा उपयोग किया जाने वाला टेक्स्ट रंग वेब पेज टेक्स्ट का रंग है जो वेब पेज पर टैग पर लागू होता है। संकेत से कम पर, यह काला है।

आप रंग का उपयोग कर सकते हैं आपकी स्टाइलशीट में लिंक रंग सेट करने के लिए प्रॉपर्टी

आइए एक उदाहरण लेते हैं कि रंग प्रॉपर्टी कैसे काम करती है

सीएसएस फ़ॉन्ट रंग बदलें: .. एक उदाहरण

मान लीजिए आप एक स्थानीय किराना स्टोर, पीटरसन एंड संस के लिए एक वेबसाइट डिज़ाइन कर रहे हैं। मालिक चाहते हैं कि साइट ग्रे प्रकार में टेक्स्ट का एक निश्चित ब्लॉक प्रदर्शित करे। हम इसे निम्नलिखित कोड का उपयोग करके कॉन्फ़िगर कर सकते हैं:

हमारा कोड रिटर्न: क्लिक करें बटन की छवि

या तो

HTML टैग पीटरसन एंड संस किराना स्टोर का वर्णन करने वाले पाठ के एक पैराग्राफ को परिभाषित करने के लिए। इसके बाद, हमारे सीएसएस कोड में, हम एक ऐसी शैली बनाएंगे जो सभी

टैग के टेक्स्ट रंग को ग्रे पर सेट करेगी। ऐसा करने के लिए, हम रंग ("ग्रे") के नाम के लिए एक मान का उपयोग करते हैं।

यदि हम संदर्भित करना चाहते हैं तो "ग्रे" के बजाय "आरजीबी (128, 128, 128)" निर्दिष्ट कर सकते हैं RGB रंग मान। अन्यथा, हम हेक्स या HSL मान का उपयोग करके टेक्स्ट के रंग को ग्रे में सेट कर सकते थे।

हम अपनी शैलियों के लिए CSS फ़ाइल का उपयोग नहीं कर रहे हैं। हमारी CSS शैलियाँ हमारे HTML दस्तावेज़ में