color प्रॉपर्टी

color प्रॉपर्टी टेक्स्ट का रंग सेट करती है। प्रॉपर्टी का मान कोई भी रंग के लिए यूनिट हो सकता है। डिफॉल्ट मान आमतौर पर काला रंग होता है।

सिंटैक्स

सिलेक्टर {
	color: रंग;
}

आइए एक एलिमेंट को लाल रंग दें:

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	color: red;
}

color प्रॉपर्टी सिर्फ टेक्स्ट का ही नहीं, बल्कि लिस्ट के मार्करों का भी रंग सेट करती है:

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

li {
	color: red;
}

color प्रॉपर्टी बॉर्डर का रंग भी सेट करती है (अगर वह border-color में सेट नहीं किया गया है):

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	color: red;
	border-style: solid;
	border-width: 2px;
}