Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS का उपयोग करके अलग-अलग पक्षों के लिए मार्जिन सेट करना

<घंटा/>

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

सिंटैक्स

CSS मार्जिन प्रॉपर्टी का सिंटैक्स इस प्रकार है -

<पूर्व>चयनकर्ता { मार्जिन-टॉप:/*वैल्यू*/ मार्जिन-राइट:/*वैल्यू*/मार्जिन-बॉटम:/*वैल्यू*/मार्जिन-लेफ्ट:/*वैल्यू*/}

निम्नलिखित उदाहरण CSS मार्जिन गुण को दर्शाते हैं -

उदाहरण

यह डेमो टेक्स्ट है
एक (अलग मार्जिन)
दो ( अलग मार्जिन)

आउटपुट

CSS का उपयोग करके अलग-अलग पक्षों के लिए मार्जिन सेट करना

उदाहरण

आउटपुट

CSS का उपयोग करके अलग-अलग पक्षों के लिए मार्जिन सेट करना


  1. CSS का उपयोग करके फिक्स्ड पोजिशनिंग

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

  1. CSS का उपयोग करके पूर्ण स्थिति निर्धारण

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

  1. CSS Flexbox में आइटम के लिए एक निश्चित चौड़ाई निर्धारित करना

    सिंटैक्स CSS flex संपत्ति का सिंटैक्स इस प्रकार है - Selector {    flex: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS flex गुण को दर्शाते हैं। <!DOCTYPE html> <html>    <head>       <style>          div {