margin-bottom

Description

margin-bottom sets the width of the bottom margin for an element. Negative values are permitted.

ItemValue
Initial value 0
Inherited No.
Version CSS1
JavaScript syntax object.style.marginBottom="10px"
Applies to All elements.

Syntax and Property Values


margin-bottom: length | percentage | auto | inherit 

The property values are listed in the following table.

ValueDescription
auto Default value. The browser does the calculation.
length Set width in px, cm, etc.
% Set width in percent of the containing element
inherit Inherit the width property from the parent element

Example


<!DOCTYPE HTML>
<html>
    <head>
        <style rel='stylesheet' type='text/css'>
<!--   w w w. j a va2s  .c  o  m-->
div {
    width: 100px;
    height: 100px;
    background: mistyrose;
    border: 1px solid pink;
}
div#topbottom-rightleft {
    margin-top: 15px;
    margin-right: 5px;
    margin-bottom: 15px;
    margin-left: 5px;
}
      
        </style>
    </head>
    <body>
        <div id='topbottom-rightleft'></div>
        
    </body>
</html>

Click to view the demo

The code above generates the following result.

margin-bottom




















Home »
  HTML CSS »
    HTML CSS Reference »




HTML Tag Reference
CSS Reference
CSS Selector Reference
Encoding Reference