CSS color प्रॉपर्टी का उपयोग किसी एलिमेंट के लिए टेक्स्ट कलर सेट करने के लिए किया जाता है।
सिंटैक्स
CSS color प्रॉपर्टी का सिंटैक्स निम्नलिखित है:
Selector { color: /*value*/ }उदाहरण
निम्नलिखित उदाहरण CSS color प्रॉपर्टी को दर्शाते हैं:
<!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>आउटपुट
यह निम्नलिखित आउटपुट देता है:
