Property: Bottom Padding
Usage:
padding-bottom: 10px;
padding-bottom: 10pt;
padding-bottom: 10%;
padding-bottom: auto;
Definition:
This will set the bottom padding of the object.
It takes the following values.
a)pt : You can set values in points. (e.g: 10pt or 100pt).
b)px : You can set values in pixels. (e.g: 10px or 100px).
c)% : You can set values in percentage. (e.g: 10% or 100%).
d)auto : This will set a automatic margin.
Example 1:
<div style=" padding-bottom: 20px;">testing bottom padding</div>
Result:
testing bottom padding
Note: The difference between padding and margin is that padding set values inside the objects scope,
while margin moves the whole object away from the nearby object.
Example 2:
<div style=" padding-bottom: 30pt;">testing bottom padding</div>
Result:
testing bottom padding
Example 3:
<div style=" padding-bottom: 10%;">testing bottom padding</div>
Result:
testing bottom padding
Example 4:
<div style=" padding-bottom: auto;">testing bottom padding</div>
Result:
testing bottom padding
|