margin-bottom प्रॉपर्टी

margin-bottom प्रॉपर्टी एलिमेंट के नीचे बाहरी मार्जिन सेट करती है। इस प्रॉपर्टी का मान आकारों की कोई भी यूनिट या कीवर्ड प्रॉपर्टी auto हो सकता है, जो ब्राउज़र को एलिमेंट का मार्जिन स्वयं कैलकुलेट करने देती है।

सिंटैक्स

cssसिलेक्टर {
  margin-bottom: मान;
}

उदाहरण

ब्लॉक को नीचे 50px बाहरी मार्जिन दें:

html<div id="parent">
  <div id="elem"></div>
</div>

css#parent {
  border: 1px solid green;
  display: inline-block;
}
#elem {
  margin-bottom: 50px;
  border: 1px solid red;
  width: 100px;
  height: 100px;
}

Результат:

यह भी देखें