ग्लो इफेक्ट ऑब्जेक्ट के चारों ओर चमक बनाने के लिए उपयोग किया जाता है। यदि यह एक पारदर्शी इमेज है, तो ग्लो इसके अपारदर्शी पिक्सेल्स के आसपास बनाई जाती है। इस फिल्टर में निम्न पैरामीटर्स उपयोग किए जा सकते हैं: पैरामीटर विवरण Color वह रंग जो आप ग्लो के

ऑब्जेक्ट के रंगों को ग्रे के 256 शेड्स में बदलने के लिए grayscale प्रभाव का उपयोग करें। इस फिल्टर में निम्न पैरामीटर उपयोग किया जाता है: पैरामीटर विवरण Gray ऑब्जेक्ट के रंगों को ग्रे के 256 शेड्स में बदलता है। उदाहरण grayscale प्रभाव सेट कर

शैडो फिल्टर का उपयोग निर्दिष्ट दिशा और रंग में एक क्षीण छाया बनाने के लिए किया जाता है। इस फिल्टर में निम्न पैरामीटर्स उपयोग किए जा सकते हैं: पैरामीटर विवरण Color वह रंग जो आप छाया के लिए चाहते हैं। Direction ब्लर की दिशा, क्लॉ

लिंक का रंग सेट करने के लिए :link क्लास का उपयोग करें। संभावित मान किसी भी वैध फॉर्मेट में कोई भी कलर नाम हो सकता है। उदाहरण लिंक रंग सेट करने के लिए निम्न कोड चलाएं: <html> <head> <style> a:link { color:#FF0000; } </style> </head> &l

outline-width प्रॉपर्टी का उपयोग आउटलाइन की चौड़ाई सेट करने के लिए किया जाता है। इसका मान लंबाई या thin, medium, या thick मानों में से एक होना चाहिए, जैसे border-width एट्रिब्यूट के साथ होता है। उदाहरण <html> <head> </head> <body> <p style=outline-width:thin; ou

एक्टिव लिंक्स का रंग बदलने के लिए :active क्लास का उपयोग करें। संभावित मान किसी भी वैध फॉर्मेट में कोई भी कलर नाम हो सकता है। उदाहरण एक्टिव लिंक का रंग लागू करने के लिए निम्न कोड चलाएं: <html> <head> <style> a:active { color: #FF00CC; } </style>

फोकस्ड लिंक्स का रंग बदलने के लिए :focus क्लास का उपयोग करें। संभावित मान किसी भी वैध फॉर्मेट में कोई भी कलर नाम हो सकता है। उदाहरण फोकस्ड लिंक का रंग लागू करने के लिए निम्न कोड चलाएं: <html> <head> <style> a:focus { color: #0000FF; } </style>

सिलेक्टर में टेक्स्ट की पहली लाइन में विशेष स्टाइल जोड़ने के लिए इस एलिमेंट का उपयोग करें। निम्न उदाहरण दर्शाता है कि डॉक्यूमेंट में एलिमेंट्स की पहली लाइन में विशेष प्रभाव जोड़ने के लिए :first-line एलिमेंट का उपयोग कैसे करें। उदाहरण <html> <head> <style> p:first-line

डॉक्यूमेंट में एलिमेंट्स के पहले अक्षर में विशेष प्रभाव जोड़ने के लिए :first-letter एलिमेंट का उपयोग करें। उदाहरण टेक्स्ट के पहले अक्षर में विशेष स्टाइल जोड़ने के लिए निम्न कोड चलाएं: <html> <head> <style> p:first-letter { font-size: 5em; } p.norma

किसी भी एलिमेंट से पहले कुछ कंटेंट इन्सर्ट करने के लिए :before एलिमेंट का उपयोग करें। उदाहरण CSS से किसी एलिमेंट से पहले कंटेंट इन्सर्ट करने के लिए निम्न कोड चलाएं: <html> <head> <style> p:before { content: url(/images/bullet.gif); } </style>

CSS के साथ किसी इमेज पर फेड आउट लेफ्ट एनिमेशन प्रभाव लागू करने के लिए, आप निम्न कोड चला सकते हैं: उदाहरण <html> <head> <style> .animated { background-image: url(/css/images/logo.png); background-repeat: no-repeat; background-position: left top;

!important नियम आपके CSS कैस्केड को बनाने का एक तरीका प्रदान करता है। इसमें वे नियम भी शामिल हैं जो हमेशा लागू किए जाने चाहिए। जिस नियम में !important प्रॉपर्टी होती है, वह हमेशा लागू होगा, चाहे वह नियम CSS डॉक्यूमेंट में कहीं भी दिखाई दे। उदाहरण के लिए, निम्न स्टाइल शीट में, पैराग्राफ टेक्स्ट काला

CSS के साथ स्टाइल शीट का कैरेक्टर सेट दर्शाने के लिए, @charset नियम का उपयोग करें। @charset नियम स्टाइल शीट की शुरुआत में ही लिखा जाना चाहिए, यहां तक कि इसके पहले एक स्पेस भी नहीं होना चाहिए। मान कोट्स में रखा जाता है और मानक कैरेक्टर-सेट्स में से एक होना चाहिए। उदाहरण आइए एक उदाहरण देखें: <sty

outline-style प्रॉपर्टी एलिमेंट के चारों ओर जाने वाली लाइन की स्टाइल निर्दिष्ट करती है। यह निम्न मानों में से एक ले सकती है: none - कोई बॉर्डर नहीं। (outline-width:0 के बराबर) solid - आउटलाइन एक सिंगल ठोस लाइन है। dotted - आउटलाइन डॉट्स की एक श्रृंखला है। dashed - आउटलाइन छोटी लाइनों की एक

outline-color प्रॉपर्टी आपको आउटलाइन का रंग निर्दिष्ट करने की अनुमति देती है। इसका मान कलर नाम, हेक्स कलर, या RGB मान होना चाहिए, जैसे color और border-color प्रॉपर्टीज के साथ होता है। उदाहरण outline-color प्रॉपर्टी लागू करने के लिए निम्न कोड चलाएं: <html> <head> </head> <

:visited स्यूडो-क्लास का उपयोग विज़िटेड लिंक में विशेष स्टाइल जोड़ने के लिए किया जाता है। संभावित मान किसी भी वैध फॉर्मेट में कोई भी कलर नाम हो सकता है। उदाहरण <html> <head> <style> a:visited { color: #006600; } </style> </head> <bo

margin प्रॉपर्टी HTML एलिमेंट के चारों ओर स्पेस को परिभाषित करती है। कंटेंट को ओवरलैप करने के लिए नेगेटिव मानों का उपयोग करना संभव है। यह एक घोषणा में मार्जिन प्रॉपर्टीज सेट करने के लिए एक शॉर्टहैंड प्रॉपर्टी निर्दिष्ट करती है। उदाहरण मार्जिन सेट करने के लिए निम्न कोड चलाएं: <html> <hea

माउस पॉइंटर को उस लिंक पर लाने पर लिंक का रंग बदलने के लिए :hover क्लास का उपयोग करें। उदाहरण <html> <head> <style> a:hover { color: #FFCC00; } </style> </head> <body> <a href=>यहां माउस लाएं</a> </body> &

:hover स्यूडो-क्लास का उपयोग तब विशेष स्टाइल जोड़ने के लिए किया जाता है जब आप उस पर माउस ले जाते हैं। संभावित मान किसी भी वैध फॉर्मेट में कोई भी कलर नाम हो सकता है। उदाहरण <html> <head> <style> a:hover { color: #FFCC00; } </style> </head>

:active स्यूडो-क्लास का उपयोग सक्रिय एलिमेंट में विशेष स्टाइल जोड़ने के लिए किया जाता है। संभावित मान किसी भी वैध फॉर्मेट में कोई भी कलर नाम हो सकता है। उदाहरण <html> <head> <style> a:active { color: #FF00CC; } </style> </head> <bod