CSS कलर प्रॉपर्टी का इस्तेमाल किसी एलीमेंट के टेक्स्ट कलर को सेट करने के लिए किया जाता है।
सिंटैक्स
CSS कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है -
Selector {
color: /*value*/
} उदाहरण
निम्नलिखित उदाहरण सीएसएस रंग संपत्ति को दर्शाते हैं -
<!DOCTYPE html>
<html lang="en">
<head>
<style>
div {
height: 100px;
width: 200px;
margin: 10px;
display: flex;
float: left;
font-size: 1.4em;
word-spacing: 30px;
line-height: 4.5em;
border: thin solid blue;
border-radius: 40%;
text-align: center;
color: rebeccapurple;
}
div + div{
background-color: beige;
color: red;
text-align: justify;
text-decoration: line-through;
}
</style>
</head>
<body>
<div>One Two</div>
<div>Three </div>
</body>
</html> आउटपुट
यह निम्न आउटपुट देता है -
उदाहरण
<!DOCTYPE html>
<html lang="en">
<head>
<style>
p {
margin: 10px;
display: flex;
float: left;
border: 3px groove green;
text-align: center;
color: rebeccapurple;
}
span{
background-color: beige;
color: red;
text-decoration: underline;
}
</style>
</head>
<body>
<h2>What is Tableau?</h2>
<p>Tableau is a Business Intelligence tool for visually analyzing the data.
<span>Users can create and distribute an interactive and shareable dashboard,
which depict the trends, variations, and density of the data in the form of
graphs and charts. </span>
Tableau can connect to files, relational and Big Data sources to acquire and process data.</p>
</body>
</html> आउटपुट
यह निम्न आउटपुट देता है -
