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

सीएसएस का उपयोग करके मूल्य ऑटो के साथ मार्जिन संपत्ति की भूमिका


मार्जिन प्रॉपर्टी का मूल्य ऑटो के साथ तत्व को उसके कंटेनर के भीतर क्षैतिज रूप से केंद्रित करने के लिए उपयोग किया जाता है। मार्जिन लागू करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं:ऑटो;

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            width: 200px;
            margin: auto;
            border: 2px dashed blue;
         }
      </style>
   </head>
   <body>
      <p>This is demo text</p>
      <div>
         This is horizontally centered because it has margin: auto;
      </div>
   </body>
</html>

आउटपुट

सीएसएस का उपयोग करके मूल्य ऑटो के साथ मार्जिन संपत्ति की भूमिका


  1. CSS के साथ मार्जिन प्रॉपर्टी का उपयोग

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

  1. मूल्य के साथ मार्जिन संपत्ति की भूमिका सीएसएस का उपयोग करके विरासत में मिली है

    मान इनहेरिट वाली मार्जिन प्रॉपर्टी का उपयोग मूल तत्व से किसी तत्व को इनहेरिट करने के लिए किया जाता है। मार्जिन:इनहेरिट; . को लागू करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>    

  1. सीएसएस में मार्जिन संपत्ति का उपयोग करके केंद्र संरेखण

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