Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

CSS से एलिमेंट का टेक्स्ट कलर सेट करना


CSS color प्रॉपर्टी का उपयोग किसी एलिमेंट के टेक्स्ट कलर को बदलने के लिए किया जाता है। हम मान को स्टैंडर्ड कलर नाम, rgb(), rgba(), hsl(), hsla() और हेक्साडेसिमल मान के रूप में स्पेसिफाई कर सकते हैं।

सिंटैक्स

CSS color प्रॉपर्टी का सिंटैक्स निम्नलिखित है:

Selector { color: /*value*/ }

निम्नलिखित उदाहरण CSS color प्रॉपर्टी को दर्शाते हैं:

उदाहरण

<!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>

आउटपुट

यह निम्नलिखित आउटपुट देता है:

CSS से एलिमेंट का टेक्स्ट कलर सेट करना

उदाहरण

<!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>

आउटपुट

यह निम्नलिखित आउटपुट देता है:

CSS से एलिमेंट का टेक्स्ट कलर सेट करना

  1. CSS से एलिमेंट का टेक्स्ट कलर सेट करना CSS से एलिमेंट का टेक्स्ट कलर सेट करना

    CSS color प्रॉपर्टी का उपयोग किसी एलिमेंट के टेक्स्ट कलर को बदलने के लिए किया जाता है। हम मान को स्टैंडर्ड कलर नाम, rgb(), rgba(), hsl(), hsla() और हेक्साडेसिमल मान के रूप में स्पेसिफाई कर सकते हैं।सिंटैक्सCSS color प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { color: /*value*/ }निम्नलिखित उदाहरण C

  1. CSS से रेडियल ग्रेडिएंट्स का आकार सेट करना CSS से रेडियल ग्रेडिएंट्स का आकार सेट करना

    रेडियल ग्रेडिएंट का आकार सेट करने के लिए, radial-gradient() फंक्शन का उपयोग करें। यह फंक्शन रेडियल ग्रेडिएंट को बैकग्राउंड इमेज के रूप में सेट करता है। फंक्शन में दूसरा पैरामीटर उस आकार के रूप में सेट किया जाता है जैसा आप चाहते हैं जैसा नीचे उदाहरण में दिखाया गया है -background-image: radial-gradien

  1. CSS से लोकेशन कलर स्टॉप्स सेट करना CSS से लोकेशन कलर स्टॉप्स सेट करना

    कलर स्टॉप्स पर लोकेशन को प्रतिशत या निरपेक्ष लंबाई के रूप में सेट किया जा सकता है। उदाहरण के लिए, लीनियर ग्रेडिएंट के लिएbackground-image: linear-gradient(    rgb(61, 255, 2) 40%,    rgb(0, 174, 255) 80%,    rgb(255, 29, 29) 20% );CSS का उपयोग करके लीनियर ग्रेडिएंट में