CSS मीडिया टाइप्स वे डिवाइस टाइप्स हैं जिन पर डॉक्यूमेंट रेंडर होता है और प्रत्येक मीडिया टाइप के लिए विशिष्ट स्टाइल्स परिभाषित की जा सकती हैं। CSS3 और मीडिया क्वेरीज 4 में निम्नलिखित मीडिया टाइप्स हैं: क्र.सं.मान और विवरण 1allस्टाइलशीट सभी मीडिया टाइप डिवाइसेज पर लागू होती है 2printस्टाइलशीट प्

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

CSS :last-child स्यूडो-क्लास एक ऐसे एलिमेंट को चुनती है जो किसी अन्य एलिमेंट का अंतिम चाइल्ड एलिमेंट होता है। सिंटैक्स निम्नलिखित सिंटैक्स है: :last-child{    /*declarations*/ } आइए CSS last-child स्यूडो क्लास का एक उदाहरण देखते हैं: उदाहरण <!DOCTYPE html> <html> <head> &

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

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

हम CSS margin प्रॉपर्टी का उपयोग करके एक ब्लॉक-लेवल एलिमेंट को क्षैतिज रूप से सेंटर कर सकते हैं, लेकिन उस एलिमेंट की CSS width प्रॉपर्टी सेट होनी चाहिए। आइए CSS margin प्रॉपर्टी का उपयोग करके किसी एलिमेंट को सेंटर करने का एक उदाहरण देखते हैं: उदाहरण <!DOCTYPE html> <html> <head> &l

हम टेक्स्ट को केवल एक विशिष्ट संख्या में पिक्सेल का उपयोग करने के लिए font-size को पिक्सेल में निर्दिष्ट कर सकते हैं। पिक्सेल आकार स्क्रीन के रिज़ॉल्यूशन और ब्राउज़र द्वारा इसकी गणना के लिए उपयोग किए जाने वाले एल्गोरिदम पर आधारित होता है। सिंटैक्स CSS font-size प्रॉपर्टी का सिंटैक्स निम्नानुसार है:

CSS table-layout प्रॉपर्टी ब्राउज़र द्वारा टेबल की पंक्तियों, कॉलम्स और सेल्स को लेआउट करने के लिए उपयोग किए जाने वाले एल्गोरिदम को परिभाषित करने के लिए है। इसके माध्यम से, आप टेबल लेआउट को नियंत्रित कर सकते हैं। सिंटैक्स CSS table-layout प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector {    

CSS यूनिट्स फॉन्ट-साइज, कैरेक्टर-साइज, व्यूपोर्ट डायमेंशन आदि जैसी विभिन्न श्रेणियों में आती हैं। मोटे तौर पर दो श्रेणियां हैं: एब्सोल्यूट और रिलेटिव यूनिट्स जिनमें उपरोक्त उप-श्रेणियां शामिल हैं। निम्नलिखित CSS एब्सोल्यूट यूनिट्स हैं: क्र.सं.यूनिट और नाम 1cmसेंटीमीटर (1 cm = 100 mm) 2inइंच (1 i

CSS empty-cells प्रॉपर्टी का उपयोग टेबल के खाली सेल्स के प्रदर्शन को निर्दिष्ट करने के लिए किया जाता है। CSS empty-cells प्रॉपर्टी का सिंटैक्स निम्नानुसार है: सिंटैक्स Selector {    empty-cells: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS empty-cells प्रॉपर्टी को दर्शाते हैं: <!DOCTYPE htm

CSS सेलेक्टर्स का उपयोग दिए गए पैटर्न से प्रत्येक एलिमेंट का मिलान करके HTML एलिमेंट्स को चुनने के लिए किया जाता है। हम प्रॉपर्टी और उनके मान को सेलेक्टर के अंदर घोषित करके स्टाइल्स को परिभाषित करते हैं। सिंटैक्स स्टाइल्स घोषित करने के लिए सिंटैक्स निम्नानुसार है: Selector { property: value; } CSS म

CSS :lang() स्यूडो-क्लास सेलेक्टर का उपयोग उन एलिमेंट्स को चुनने के लिए किया जाता है जिनमें lang एट्रिब्यूट निर्दिष्ट होता है। यह हमें कंटेंट से जुड़ी एक विशिष्ट भाषा को टार्गेट करने और उन्हें तदनुसार स्टाइल करने में मदद करता है। सिंटैक्स निम्नलिखित सिंटैक्स है: :lang(){    /*declarations*

हम CSS डिक्लेरेशन्स के लिए कमेंट्स लिख सकते हैं ताकि पठनीयता में सुधार हो और यह अधिक समझने योग्य बने। CSS कमेंट्स के लिए C भाषा शैली के सिंटैक्स का पालन करता है जो फॉरवर्ड स्लैश से शुरू और समाप्त होते हैं जिसके बीच कंटेंट एस्टेरिस्क में संलग्न होता है। /**/ के अंदर लिखा कोई भी डिक्लेरेशन नजरअंदाज कि

CSS सेलेक्टर्स का उपयोग करके, हम अपनी पसंद के आधार पर वांछित एलिमेंट्स को विशेष रूप से स्टाइल कर सकते हैं। HTML DOM में एलिमेंट्स को चुनने के लिए विभिन्न विधियां हैं। सिंटैक्स CSS सेलेक्टर्स के लिए सिंटैक्स निम्नानुसार है: Selector {    /*declarations*/ } निम्नलिखित उदाहरण एलिमेंट्स को स्ट

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

सभी HTML एलिमेंट्स का एक डिफ़ॉल्ट डिस्प्ले मान सेट होता है और इसे CSS Display प्रॉपर्टी के साथ ओवरराइड किया जा सकता है, इसी तरह सभी एलिमेंट्स की विजिबिलिटी डिफ़ॉल्ट रूप से visible पर सेट होती है लेकिन इसे CSS Visibility प्रॉपर्टी के साथ ओवरराइड किया जा सकता है। CSS Display प्रॉपर्टी के लिए निम्नलिखि

हम किसी एलिमेंट के ओवरफ्लोइंग कंटेंट को मैनेज/हैंडल करने के लिए CSS overflow प्रॉपर्टी का उपयोग कर सकते हैं। यह प्रॉपर्टी यूजर को कंटेंट क्लिप करने, क्लिप्ड कंटेंट देखने के लिए स्क्रॉलबार प्रदान करने, कंटेंट को कंटेनर के बाहर रेंडर करने की अनुमति देती है, इसीलिए इसका नाम overflow है। सिंटैक्स CSS Ov

CSS border प्रॉपर्टी का उपयोग किसी एलिमेंट के लिए बॉर्डर प्रॉपर्टीज को परिभाषित करने के लिए किया जाता है। यह border-width, border-style और border-color के लिए एक शॉर्टहैंड है। व्यक्तिगत पक्षों के लिए बॉर्डर स्टाइल किए जा सकते हैं और border-radius भी निर्दिष्ट किया जा सकता है। दूसरी ओर, CSS outline ज

CSS में width, height, max-height, min-width आदि जैसी कई प्रॉपर्टीज यूजर को एलिमेंट कंटेंट बॉक्स के आयामों को नियंत्रित करने की अनुमति देती हैं। आइए CSS max-height प्रॉपर्टी का एक उदाहरण देखते हैं: उदाहरण <!DOCTYPE html> <html> <head> <title>CSS max-height</title> <s

एक लाइन की ऊंचाई को CSS line-height प्रॉपर्टी द्वारा परिभाषित किया जा सकता है। यह केवल पॉजिटिव मान स्वीकार करती है। सिंटैक्स CSS line-height प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector {    line-height: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS line-height प्रॉपर्टी को दर्शाते हैं। <!