ब्लॉक मान के साथ CSS Display प्रॉपर्टी एक एलिमेंट को पैरेंट की पूरी उपलब्ध चौड़ाई के साथ रेंडर करती है, यह एक लाइन ब्रेक भी बाध्य करती है। ब्लॉक के रूप में display वाला एलिमेंट <div> या <p> एलिमेंट की तरह रेंडर होता है। सिंटैक्स CSS display block का सिंटैक्स निम्नलिखित है: Selector { &n

CSS Display None डेवलपर को उस एलिमेंट को छुपाने में मदद करता है जिसकी display प्रॉपर्टी none पर सेट है। जिस एलिमेंट का display none पर सेट है, उसके लिए कोई बॉक्स जनरेट नहीं होता और यहां तक कि उसके चाइल्ड एलिमेंट्स के लिए भी नहीं जिनका display none के अलावा अन्य मानों पर सेट हो सकता है। सिंटैक्स CSS

हम HTML डॉक्यूमेंट में किसी एलिमेंट को CSS Visibility और CSS Display प्रॉपर्टीज से क्रमशः छुपा या हटा सकते हैं। उपयोगकर्ता को दोनों प्रॉपर्टीज के उपयोग में कोई अंतर नहीं लग सकता, लेकिन अंतर है। CSS Display - none एलिमेंट को डॉक्यूमेंट पर रेंडर नहीं करता और इस प्रकार इसे कोई स्थान आवंटित नहीं करता।

CSS Visibility प्रॉपर्टी का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि एलिमेंट डॉक्यूमेंट में विजिबल होगा या नहीं। हालांकि एलिमेंट रेंडर होता है लेकिन यदि CSS Visibility को hidden पर सेट किया जाता है तो यह विजिबल नहीं होता। एलिमेंट की विजिबिलिटी को नियंत्रित करने के लिए उपयोग किए जाने वाले CSS

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

outline-color प्रॉपर्टी को एलिमेंट के बॉर्डर्स के चारों ओर एक विशिष्ट रंग की लाइन खींचने के लिए परिभाषित किया जा सकता है, लेकिन बॉर्डर प्रॉपर्टी के विपरीत आउटलाइन एलिमेंट के डायमेंशन्स का हिस्सा नहीं होती। सिंटैक्स CSS outline-color प्रॉपर्टी का सिंटैक्स निम्नलिखित है: Selector {    outli

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

हम CSS पोजिशनिंग स्कीमा मेथड्स (फिक्स्ड, रिलेटिव, एब्सोल्यूट और स्टैटिक) और प्रॉपर्टीज (लेफ्ट, राइट, टॉप और बॉटम) का उपयोग करके एलिमेंट्स को अलाइन कर सकते हैं। उदाहरण आइए पोजिशनिंग स्कीमा का उपयोग करके एलिमेंट्स को अलाइन करने का एक उदाहरण देखें: <!DOCTYPE html> <html> <head> <t

हम HTML में एलिमेंट्स को CSS फ्लोट प्रॉपर्टी का उपयोग करके अलाइन कर सकते हैं जिसका उपयोग बॉक्स या कंटेंट की पोजिशनिंग या फॉर्मेटिंग के लिए किया जाता है। डेवलपर CSS फ्लोट के साथ एलिमेंट को लेफ्ट या राइट की ओर पोजिशन कर सकता है। उदाहरण आइए एलिमेंट्स को अलाइन करने के लिए CSS फ्लोट प्रॉपर्टी का एक उदाह

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

हम HTML में मौजूद एलिमेंट्स पर विशिष्ट स्टाइल्स जोड़ने के लिए CSS स्यूडो क्लासेस का उपयोग कर सकते हैं जो किसी एलिमेंट को एक विशिष्ट स्थिति (जैसे होवर, विजिटेड, डिसेबल्ड, आदि) के साथ चुनती हैं। नोट: CSS3 में, स्यूडो क्लासेस सिंगल-कॉलन नोटेशन का उपयोग करती हैं ताकि उन्हें स्यूडो एलिमेंट्स से अलग किया

CSS विजुअल फॉर्मेटिंग एक मॉडल है जो एक एल्गोरिदम से मेल खाता है जो डॉक्यूमेंट के प्रत्येक एलिमेंट को प्रोसेस और ट्रांसफॉर्म करता है ताकि एक या अधिक बॉक्सेस जनरेट हों जो CSS बॉक्स मॉडल के अनुरूप हों। जनरेटेड बॉक्सेस का लेआउट कई प्रॉपर्टीज पर निर्भर करता है जैसे: डायमेंशन्स (आयाम) टाइप - एटॉमिक इंला

डॉक्यूमेंट ट्री में प्रत्येक एलिमेंट के लिए विजुअल फॉर्मेटिंग मॉडल के तहत प्रोसेस करने के बाद एक या अधिक बॉक्सेस जनरेट होते हैं। एक जनरेटेड बॉक्स से कुछ CSS प्रॉपर्टीज जुड़ी होती हैं और उसी के अनुसार HTML में रेंडर होता है। CSS में निम्नलिखित बॉक्सेस जनरेट होते हैं: ब्लॉक-लेवल एलिमेंट्स और ब्लॉक ब

ब्लॉक-लेवल एलिमेंट्स की CSS display प्रॉपर्टी block, list-item, या table पर सेट होती है और ये एलिमेंट्स अपने ऊपर और नीचे लाइन ब्रेक को बाध्य करते हैं। प्रत्येक ब्लॉक-लेवल एलिमेंट द्वारा ब्लॉक-लेवल बॉक्सेस उत्पन्न होते हैं जो पोजिशनिंग स्कीम का हिस्सा होते हैं और चाइल्ड बॉक्सेस को समाहित करते हैं। ब

CSS ::before और ::after स्यूडो-एलिमेंट्स का उपयोग क्रमशः किसी एलिमेंट से पहले और बाद में कुछ सामग्री डालने के लिए किया जाता है। उदाहरण आइए CSS ::before और CSS ::after स्यूडो-एलिमेंट्स का एक उदाहरण देखें: <!DOCTYPE html> <html> <head> <style> div:nth-of-type(1) p:nth-child(2)

CSS स्यूडो-एलिमेंट्स को न केवल एलिमेंट्स पर बल्कि CSS क्लासेस पर भी लागू किया जा सकता है। उदाहरण आइए CSS क्लासेस पर CSS स्यूडो एलिमेंट्स के उपयोग का एक उदाहरण देखें: <!DOCTYPE html> <html> <head> <title>CSS Pseudo Elements and CSS Classes</title> <style> form { &

CSS स्यूडो-क्लास सेलेक्टर्स, जैसे :active, :hover, :link और :visited का उपयोग करके हम लिंक/एंकर की विभिन्न स्थितियों को स्टाइल कर सकते हैं। सही कार्यक्षमता के लिए, इन सेलेक्टर्स का क्रम होना चाहिए: :link :visited :hover :active CSS स्यूडो-क्लास प्रॉपर्टी का सिंटैक्स इस प्रकार है: a:(pseudo-selec

CSS z-index प्रॉपर्टी का उपयोग करके डेवलपर एलिमेंट्स को एक-दूसरे के ऊपर स्टैक कर सकते हैं। z-index का मान पॉजिटिव या नेगेटिव हो सकता है। नोट: यदि ओवरलैप होने वाले एलिमेंट्स में z-index निर्दिष्ट नहीं है, तो वह एलिमेंट दिखाई देगा जो दस्तावेज़ में अंतिम बार उल्लिखित है। उदाहरण आइए z-index प्रॉपर्टी

CSS का ::first-line स्यूडो-एलिमेंट किसी एलिमेंट की सामग्री की पहली लाइन को चुनता है। हालांकि, यदि टेक्स्ट वाले कंटेनर की चौड़ाई निश्चित नहीं है, तो लाइन की लंबाई विंडो के आकार के अनुसार बदल सकती है। उदाहरण आइए CSS ::first-line स्यूडो-एलिमेंट का एक उदाहरण देखें: <!DOCTYPE html> <html> &l

CSS @import नियम का उपयोग किसी विशिष्ट टार्गेट मीडिया के लिए स्टाइल जानकारी सेट करने के लिए किया जाता है, इम्पोर्ट की गई स्टाइलशीट्स के URL के बाद मीडिया टाइप्स निर्दिष्ट करके। सिंटैक्स निम्नलिखित सिंटैक्स है: @import url (/* file path */) mediatypes {    CSS-Code; } आइए CSS @import नियम क