CSS से हॉवरेबल साइड नेविगेशन बटन बनाने के लिए निम्नलिखित कोड है:उदाहरण<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document&

CSS font-size प्रॉपर्टी का उपयोग फॉन्ट के साइज़ को सेट करने के लिए किया जाता है। हम मान को पर्सेंटेज, पिक्सेल्स, cm, पॉइंट्स, em आदि यूनिट्स में और एब्सोल्यूट कीवर्ड में स्पेसिफाई कर सकते हैं। रिलेटिव मान एक्सेसिबिलिटी को अधिकतम करते हैं। डिफ़ॉल्ट font-size 16px या 12pt है।सिंटैक्सCSS font-size प्रॉ

. सिलेक्टर. सिलेक्टर एक क्लास लेवल सिलेक्टर है। डॉट ऑपरेटर का उपयोग एक स्टाइल क्लास बनाने के लिए किया जाता है जिसे फिर कई HTML एलिमेंट्स पर लागू किया जा सकता है।# सिलेक्टर# सिलेक्टर एक एलिमेंट लेवल सिलेक्टर है। हैश ऑपरेटर का उपयोग किसी विशेष एलिमेंट पर स्टाइल लागू करने के लिए किया जाता है जिसकी id #

CSS से आइकन बार बनाने के लिए, कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-aw

CSS से मेनू आइकन बनाने के लिए, कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> div { width: 40px; height: 7px; background-color: blue; margin: 5px 2px; } </style>

CSS और JavaScript से एकॉर्डियन बनाने के लिए, कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .demo { background-color: #eee; cursor: pointer; padding: 25px; width: 100

हम CSS का उपयोग करके टेबल्स के लिए स्टाइल्स परिभाषित कर सकते हैं। निम्नलिखित प्रॉपर्टीज़ <table> और उसके एलिमेंट्स को स्टाइल करने के लिए उपयोग की जाती हैं:borderCSS border प्रॉपर्टी का उपयोग border-width, border-style और border-color को परिभाषित करने के लिए किया जाता है।border-collapseयह प्रॉप

CSS border-style प्रॉपर्टी का उपयोग किसी एलिमेंट के लिए बॉर्डर स्टाइल स्पेसिफाई करने के लिए किया जाता है। हम border-top-style, border-right-style, border-left-style और border-right-style प्रॉपर्टीज़ का उपयोग करके इंडिविजुअल साइड्स के लिए बॉर्डर-स्टाइल भी परिभाषित कर सकते हैं।सिंटैक्सCSS border प्रॉप

CSS border-color प्रॉपर्टी का उपयोग एलिमेंट्स के लिए बॉर्डर कलर स्पेसिफाई करने के लिए किया जाता है। हम border-top-color, border-right-color, border-left-color और border-right-color प्रॉपर्टीज़ का उपयोग करके इंडिविजुअल साइड्स के लिए कलर भी सेट कर सकते हैं।सिंटैक्सCSS border-color प्रॉपर्टी का सिंटैक्

CSS font-size प्रॉपर्टी को एब्सोल्यूट और रिलेटिव कीवर्ड्स के साथ सेट किया जा सकता है। यह टेक्स्ट को इच्छानुसार स्केल करता है।सिंटैक्सCSS font-size प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { font-size: /*value*/ }निम्नलिखित तालिका CSS में उपयोग किए जाने वाले स्टैंडर्ड कीवर्ड्स को सूचीबद्ध करती है

font-variant प्रॉपर्टी का उपयोग font-variant-caps, font-variant-numeric, font-variant-alternates, font-variant-ligatures, और font-variant-east-asian को स्पेसिफाई करने के लिए किया जाता है।सिंटैक्सfont-variant प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { font-variant: /*value*/ }निम्नलिखित उदाहरण CS

CSS जनरल सिबलिंग सिलेक्टर का उपयोग उन सभी एलिमेंट्स को सिलेक्ट करने के लिए किया जाता है जो पहले एलिमेंट का अनुसरण करते हैं जैसे कि दोनों उसी पैरेंट के बच्चे हैं।सिंटैक्सCSS जनरल सिबलिंग सिलेक्टर का सिंटैक्स निम्नलिखित है:element ~ element { /*declarations*/ }निम्नलिखित उदाहरण CSS जनरल सिबलिंग सिलेक्

CSS ग्रुपिंग सिलेक्टर का उपयोग कई एलिमेंट्स को सिलेक्ट करके उन्हें एक साथ स्टाइल करने के लिए किया जाता है। यह कोड और प्रत्येक एलिमेंट के लिए कॉमन स्टाइल्स घोषित करने के अतिरिक्त प्रयास को कम करता है। सिलेक्टर्स को ग्रुप करने के लिए, प्रत्येक सिलेक्टर को कॉमा से अलग किया जाता है।सिंटैक्सCSS ग्रुपिंग

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

हम CSS का उपयोग करके एलिमेंट्स के टेक्स्ट, बॉर्डर्स और बैकग्राउंड के लिए कलर्स परिभाषित कर सकते हैं। color प्रॉपर्टी का उपयोग किसी एलिमेंट के लिए टेक्स्ट कलर स्पेसिफाई करने के लिए किया जाता है।सिंटैक्सCSS color प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { color: /*value*/ }निम्नलिखित उदाहरण CSS co

हम किसी एलिमेंट के लिए बॉर्डर कलर और आउटलाइन कलर परिभाषित कर सकते हैं। बॉर्डर्स के विपरीत, आउटलाइन कोई स्पेस नहीं लेती। border-color प्रॉपर्टी का उपयोग किसी एलिमेंट के बॉर्डर कलर को सेट करने के लिए किया जाता है और outline-color प्रॉपर्टी का उपयोग इसके आउटलाइन कलर को सेट करने के लिए किया जाता है।सिंट

CSS text-decoration प्रॉपर्टी का उपयोग सिलेक्टेड एलिमेंट के टेक्स्ट पर डेकोरेशन लागू करने के लिए किया जाता है। हम लाइन-थ्रू, ओवरलाइन, अंडरलाइन आदि को मान के रूप में जोड़ सकते हैं। यह text-decoration-line, text-decoration-color और text-decoration-style के लिए एक शॉर्टहैंड है।सिंटैक्सtext-decoration प

डिफ़ॉल्ट रूप से, HTML में सभी लिंक्स अंडरलाइन से डेकोरेटेड होते हैं। हम CSS text-decoration प्रॉपर्टी का उपयोग करके इस अंडरलाइन को हटा सकते हैं।सिंटैक्सCSS text-decoration प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { text-decoration: /*value*/ }उदाहरणनिम्नलिखित उदाहरण CSS text-decoration प्रॉपर्टी

CSS text-transform प्रॉपर्टी हमें किसी एलिमेंट के लिए टेक्स्ट कैपिटलाइज़ेशन सेट करने की अनुमति देती है। यह निम्नलिखित मान स्वीकार कर सकती है: capitalize, lowercase, uppercase, full-width, full-size-kana और none।सिंटैक्सCSS text-transform प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { text-transform:

हम लिंक्स को अपनी आवश्यकताओं के अनुसार स्टाइल कर सकते हैं। यह सिफारिश की जाती है कि लिंक्स में ऐसे स्टाइल्स हों जो उन्हें सामान्य टेक्स्ट से अलग करें। विभिन्न लिंक स्टेट्स के लिए डिफ़ॉल्ट लिंक स्टाइल्स निम्नलिखित हैं:लिंक स्टेटकलरActive#EE0000Focus#5E9ED6 या नीले आउटलाइन का समान शेड (विंडोज और मैक क