CSS कलर प्रॉपर्टी का इस्तेमाल किसी एलीमेंट के टेक्स्ट का रंग बदलने के लिए किया जाता है। हम मान को मानक रंग नाम, rgb(), rgba(), hsl(), hsla() और हेक्साडेसिमल मान के रूप में निर्दिष्ट कर सकते हैं।
सिंटैक्स
CSS कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है -
Selector {
color: /*value*/
} निम्नलिखित उदाहरण CSS रंग संपत्ति को दर्शाते हैं -
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
div {
height: 50px;
width: 50px;
float: right;
color: white;
background-color: #2f5587;
}
p {
color: rgba(225,5,135,0.7);
border: 2px solid #16c618;
box-shadow: 0 7px 0 5px hsl(90, 60%, 70%);
}
</style>
</head>
<body>
<h2>Example Heading</h2>
<div>This is it</div>
<p>Demo text is visible here.</p>
</body>
</html> आउटपुट
यह निम्न आउटपुट देता है -
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
li:nth-of-type(even) {
color: dodgerblue;
border: 6px groove #16c618;
padding: 4px;
box-shadow: inset -100px 0 5px red;
}
</style>
</head>
<body>
<h2>Learn Servlets</h2>
<ul>
<li>Java Servlets are programs that run on a Web or Application server.</li>
<li>Java Servlets often serve the same purpose as programs implemented using the CGI.</li>
<li>Servlets are platform-independent because they are written in Java.
</li>
</ul>
</body>
</html> आउटपुट
यह निम्न आउटपुट देता है -
