HTML DOM Style color प्रॉपर्टी

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

सिंटैक्स निम्नलिखित है:

color प्रॉपर्टी सेट करना:

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

उपरोक्त प्रॉपर्टी निम्नलिखित हैं:

आइए color प्रॉपर्टी के लिए एक उदाहरण देखें:

उदाहरण

<!DOCTYPE html> <html> <body> <h1>Color प्रॉपर्टी उदाहरण</h1> <p>यह पैराग्राफ 1 है</p> <p>यह पैराग्राफ 2 है</p> <p>यह पैराग्राफ 3 है</p> <p>यह पैराग्राफ 4 है</p> <p>यह पैराग्राफ 5 है</p> <p>नीचे दिए गए बटन पर क्लिक करके उपरोक्त पैराग्राफ का रंग बदलें</p> <button type="button" onclick="ChangeColor()">टेक्स्ट रंग बदलें</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>

आउटपुट

टेक्स्ट रंग बदलें बटन पर क्लिक करने पर: