CSS background-position प्रॉपर्टी का उपयोग ओरिजिन के सापेक्ष बैकग्राउंड इमेज के लिए एक प्रारंभिक स्थिति सेट करने के लिए किया जाता है। सिंटैक्स CSS background-position प्रॉपर्टी का सिंटैक्स निम्नलिखित है: Selector {    background-position: /*value*/ } निम्नलिखित उदाहरण CSS background-posi

CSS फाइल्स को <style> टैग में घोषित करके इंटरनली एम्बेड किया जा सकता है। यह वेबपेज के लोड समय को कम करता है। हालांकि एम्बेडेड CSS घोषणाएं डायनामिक स्टाइल्स की अनुमति देती हैं, इसे हर पेज रिक्वेस्ट पर डाउनलोड किया जाना चाहिए क्योंकि इंटरनल CSS कैश नहीं की जा सकती। इंटरनल CSS को <head> टैग

CSS हमें हमारी फाइल्स में एक्सटर्नल स्टाइल शीट्स लिंक करने की अनुमति देता है। यह हमें CSS में अलग से बदलाव करने में मदद करता है और पेज लोड समय में सुधार करता है। एक्सटर्नल फाइल्स को डॉक्यूमेंट के <head> के अंदर <link> टैग में निर्दिष्ट किया जाता है। सिंटैक्स एक्सटर्नल CSS को शामिल करने

CSS स्यूडो-क्लासेस को एलिमेंट्स के बजाय CSS क्लासेस के साथ संयोजित किया जा सकता है ताकि HTML एलिमेंट के लिए अधिक सिलेक्टिव दृष्टिकोण प्रदान किया जा सके। उदाहरण आइए CSS स्यूडो-क्लासेस और CSS क्लासेस को संयोजित करने का एक उदाहरण देखें: <!DOCTYPE html> <html> <head> <style> div

CSS border-collapse प्रॉपर्टी का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि <table> एलिमेंट्स के शेयर्ड या अलग बॉर्डर्स हों। यह दो मान ले सकता है: separate और collapse। सिंटैक्स CSS border-collapse प्रॉपर्टी का सिंटैक्स निम्नलिखित है: Selector {    border-collapse: /*value*/ }

CSS background-image प्रॉपर्टी का उपयोग चयनित एलिमेंट के लिए एक इमेज को बैकग्राउंड के रूप में सेट करने के लिए किया जाता है। सिंटैक्स CSS background-image प्रॉपर्टी का सिंटैक्स निम्नलिखित है: Selector {    background-image: /*value*/ } निम्नलिखित उदाहरण CSS background-image प्रॉपर्टी को द

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

हम हाइपरलिंक्स के डिफॉल्ट व्यवहार को हटा सकते हैं जो एक्टिव या फोकस्ड होने पर अपने चारों ओर एक डॉटेड आउटलाइन दिखाते हैं, एक्टिव/फोकस्ड लिंक्स पर CSS outline प्रॉपर्टी को none घोषित करके। समाधान a, a:active, a:focus {    outline: none; } उदाहरण आइए एक उदाहरण के साथ एक्टिव लिंक्स के चारों

हम .cur एक्सटेंशन (इंटरनेट एक्सप्लोरर के लिए), .gif और .png (क्रोम, फायरफॉक्स, सफारी के लिए) जैसे एक्सटेंशन के साथ एक कस्टम कर्सर इमेज बना सकते हैं और इसे CSS cursor प्रॉपर्टी का उपयोग करके एक एलिमेंट पर लागू कर सकते हैं, इसे एक URL पर सेट करके और इसके अलावा एक जेनेरिक कर्सर मान जैसे auto, default,

इंलाइन-ब्लॉक मान के साथ CSS Display प्रॉपर्टी एक एलिमेंट को कंटेंट की चौड़ाई या प्रदान की गई चौड़ाई के अनुसार रेंडर करती है, जो भी अधिक हो, यह पैरेंट एलिमेंट की चौड़ाई पूरी तरह उपयोग होने तक लाइन ब्रेक को बाध्य नहीं करती। सिंटैक्स CSS display inline-block का सिंटैक्स निम्नलिखित है: Selector {  

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

CSS background शॉर्टहैंड प्रॉपर्टी का उपयोग किसी एलिमेंट के लिए बैकग्राउंड को परिभाषित करने के लिए किया जाता है। background-color, background-image, background-repeat, background-position, background-clip, background-size, background-origin और background-attachment मिलकर CSS background प्रॉपर्टीज बन

CSS फॉन्ट स्टाइलिंग में महत्वपूर्ण भूमिका निभाता है। CSS फॉन्ट प्रॉपर्टीज हमें font-family, font-size, font-weight, font-kerning, और बहुत सारी प्रॉपर्टीज को बदलने की अनुमति देती हैं। CSS font प्रॉपर्टी font-style, font-variant, font-weight, font-size/line-height और font-family के लिए एक शॉर्टहैंड है

CSS फॉन्ट प्रॉपर्टीज हमें टेक्स्ट की उपस्थिति को संशोधित करने की अनुमति देती हैं। निम्नलिखित प्रॉपर्टीज हमें टेक्स्ट को स्टाइल करने में मदद करती हैं। font-family यह प्रॉपर्टी किसी एलिमेंट के लिए फॉन्ट फेस सेट करने के लिए उपयोग की जाती है। font-kerning कैरेक्टर स्पेसिंग को यूनिफॉर्म बनाने और पठनीयत

CSS font-family प्रॉपर्टी का उपयोग चयनित एलिमेंट के लिए एक विशिष्ट फॉन्ट सेट करने के लिए किया जाता है। क्रॉस-ब्राउज़र संगतता सुनिश्चित करने के लिए अतिरिक्त फॉन्ट्स निर्दिष्ट करके वेब-सेफ फॉन्ट्स का उपयोग करने की सिफारिश की जाती है। सिंटैक्स CSS font-family प्रॉपर्टी का सिंटैक्स निम्नलिखित है: Selec

HTML डॉक्यूमेंट में प्रत्येक एलिमेंट को ब्राउज़र द्वारा एक आयताकार बॉक्स के रूप में रेंडर किया जाता है। चौड़ाई, ऊंचाई, पैडिंग और मार्जिन एलिमेंट के अंदर और आसपास आवंटित स्थान को निर्धारित करते हैं। निम्नलिखित आरेख बॉक्स मॉडल अवधारणा को दर्शाता है: स्रोत: w3.org कंटेंट (सामग्री) इसमें टेक्स्ट, इमेज

CSS मीडिया टाइप्स और क्वेरीज उपयोगकर्ता को डिवाइस के सामान्य टाइप (स्क्रीन, प्रिंट, आदि) या उसकी विशेषताओं (स्क्रीन रिज़ॉल्यूशन, व्यूपोर्ट डायमेंशन्स, आदि) के अनुसार कुछ स्टाइल्स को परिभाषित करने में मदद करते हैं। सिंटैक्स मीडिया क्वेरीज का सिंटैक्स निम्नलिखित है: @media not | only mediatype and (e

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

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

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