CSS में margin: inherit की भूमिका

margin: inherit का उपयोग

margin: inherit का उपयोग करके कोई एलिमेंट अपने पैरेंट एलिमेंट से मार्जिन वैल्यू इनहेरिट (विरासत में प्राप्त) कर सकता है। यह तब उपयोगी होता है जब आप कंसिस्टेंट स्पेसिंग बनाए रखना चाहते हैं।

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <style>
      div {
        border: 2px solid blue;
        margin-left: 50px;
      }
      p.ex1 {
        margin-left: inherit;
      }
    </style>
  </head>
  <body>
    <p>Inheriting left margin from the parent element</p>
    <div>
      <p class="ex1">This is demo text with inherited left margin.</p>
    </div>
  </body>
</html>

नोट: inherit कीवर्ड किसी भी CSS प्रॉपर्टी के साथ उपयोग किया जा सकता है जो इनहेरिटेबल हो। मार्जिन डिफ़ॉल्ट रूप से इनहेरिट नहीं होता।