मूल्य ब्लॉक के साथ सीएसएस डिस्प्ले प्रॉपर्टी माता-पिता की पूरी चौड़ाई के साथ एक तत्व प्रस्तुत करती है, यह एक लाइन ब्रेक को भी मजबूर करती है। ब्लॉक के रूप में प्रदर्शित होने वाला तत्व या तत्व के रूप में प्रस्तुत होता है। सिंटैक्स CSS डिस्प्ले ब्लॉक का सिंटैक्स निम्नलिखित है - Selector {   &nb

CSS डिस्प्ले कोई नहीं डेवलपर को उस तत्व को छिपाने में मदद करता है जिसमें डिस्प्ले प्रॉपर्टी सेट नहीं है। उस तत्व के लिए जिसका प्रदर्शन किसी पर भी सेट नहीं है, इसके लिए कोई बॉक्स नहीं बनाया गया है और यहां तक ​​कि इसके बाल तत्व भी हैं, जिनका प्रदर्शन किसी के अलावा अन्य मूल्यों पर सेट हो सकता है। सिंटै

हम HTML दस्तावेज़ में क्रमशः CSS दृश्यता और CSS प्रदर्शन गुणों के साथ किसी तत्व को छिपा या हटा सकते हैं। उपयोगकर्ता के लिए, दोनों गुणों में से किसी एक का उपयोग करने में कोई अंतर नहीं लग सकता है, लेकिन वहाँ है। सीएसएस प्रदर्शन - कोई भी दस्तावेज़ पर तत्व प्रस्तुत नहीं करता है और इस प्रकार इसे कोई स्थ

CSS विजिबिलिटी प्रॉपर्टी का उपयोग उस मान को निर्दिष्ट करने के लिए किया जाता है जो दस्तावेज़ में तत्व दिखाई देगा या नहीं। हालांकि तत्व प्रदान किया गया है लेकिन यदि सीएसएस दृश्यता को छुपा पर सेट किया गया है तो इसे दृश्यमान नहीं बनाया गया है। तत्व की दृश्यता को नियंत्रित करने के लिए उपयोग किए जाने वाल

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

रूपरेखा-रंग गुण को तत्व की सीमाओं के चारों ओर विशिष्ट रंग की रेखा खींचने के लिए परिभाषित किया जा सकता है, लेकिन रूपरेखा सीमा संपत्ति के विपरीत तत्व के आयामों का हिस्सा नहीं है। सिंटैक्स CSS आउटलाइन-कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता { रूपरेखा-रंग:/*मान*/} नोट - आउटलाइन-रंग घोषित करन

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

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

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

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

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

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

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

ब्लॉक-स्तरीय तत्वों का अपना CSS प्रदर्शन . होता है संपत्ति या तो ब्लॉक, सूची-वस्तु, या तालिका पर सेट होती है और ये तत्व स्वयं के ऊपर और नीचे एक लाइन ब्रेक को मजबूर करते हैं। ब्लॉक-स्तरीय बक्से प्रत्येक ब्लॉक-स्तरीय तत्व द्वारा उत्पन्न होते हैं जो पोजीशनिंग योजना का एक हिस्सा है और साथ ही साथ बाल बक

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

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

CSS छद्म-वर्ग चयनकर्ताओं का उपयोग करना, अर्थात्:सक्रिय,:होवर, लिंक और:विज़िट किया गया हम एक लिंक/एंकर के विभिन्न राज्यों को स्टाइल कर सकते हैं। उचित कार्यक्षमता के लिए, इन चयनकर्ताओं का क्रम होना चाहिए - :लिंक :दौरा किया :होवर :सक्रिय CSS psudo-class प्रॉपर्टी का सिंटैक्स इस प्रकार है - a:(pseudo

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

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

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