HTML DOM स्टाइल कलर प्रॉपर्टी

<घंटा/>

HTML DOM स्टाइल कलर प्रॉपर्टी का उपयोग टेक्स्ट के लिए रंग प्राप्त करने या सेट करने के लिए किया जाता है। टेक्स्ट के लिए रंग हेक्साडेसिमल, rgb(), rgba(), hsl(), hsla() या ज्ञात कीवर्ड का उपयोग करके निर्दिष्ट किया जा सकता है।

−

. के लिए वाक्य रचना निम्नलिखित है

रंग गुण सेट करना -

object.style.color = "color|initial|inherit"

उपरोक्त गुणों को इस प्रकार समझाया गया है -

<वें शैली ="पाठ-संरेखण:केंद्र;">विवरण

मान
रंग	पाठ के लिए रंग मान निर्दिष्ट करने के लिए।
आरंभिक	इस गुण को प्रारंभिक मान पर सेट करने के लिए।
इनहेरिट करें	मूल संपत्ति मूल्य प्राप्त करने के लिए

आइए रंग संपत्ति के लिए एक उदाहरण देखें -

उदाहरण

<!DOCTYPE html>
<html>
<body>
<h1>Color property example</h1>
<p>This is paragraph 1</p>
<p>This is paragraph 2</p>
<p>This is paragraph 3</p>
<p>This is paragraph 4</p>
<p>This is paragraph 5</p>
<p>Change the above paragraphs color by clicking the below button</p>
<button type="button" onclick="ChangeColor()">Change Text Color</button>
<script>
   function ChangeColor() {
      for(var i=0;i<5;i++){
         if(i%2==0)
            document.getElementsByTagName("P")[i].style.color="blue";
         else
            document.getElementsByTagName("P")[i].style.color="red";
      }
   }
</script>
</body>
</html>

आउटपुट

HTML DOM स्टाइल कलर प्रॉपर्टी

“पाठ का रंग बदलें” . क्लिक करने पर बटन -

HTML DOM स्टाइल कलर प्रॉपर्टी