margin-bottom property is used for specifying the thickness of the bottom margin.
The margin area sits outside the border area (which sits outside the padding area).
- Specifies the margin thickness as a length (for example
Specifies the margin thickness as a percentage of the width of the generated box's containing block (for example
On the A edge and C edge, the used value is
0. On the B edge and D edge, the used value depends on the available space after calculations have been made for the widths, heights, and margins.
More about the box edges below.
In addition, all CSS properties also accept the following CSS-wide keyword values as the sole component of their property value:
- Represents the value specified as the property's initial value.
- Represents the computed value of the property on the element's parent.
- This value acts as either
initial, depending on whether the property is inherited or not. In other words, it sets all properties to their parent value if they are inheritable or to their initial value if not inheritable.
About A edge, B edge, C edge, and D edge
In CSS A edge, B edge, C edge, and D edge distinguish the four edges of a box. Which side of the box depends on the
direction properties of the box's containing block, and map to the four sides as follows:
||A edge||B edge||C edge||D edge|
When you use the
auto keyword to set the margin, it takes this information into account.
- Initial Value
- Applies To
- All elements except elements with table display types other than
- Yes (see example)