CSS padding-bottom Property
CSS padding-bottom property sets the bottom padding of an element.
Usages
The following table outline the usages and version history of this property.
| Default value: | 0 |
| Applies to: | All elements except <tbody>, <thead>, <tfoot>, <tr>, <colgroup> and <col> elements |
| Inherited: | No |
| Version: | CSS1 |
| JavaScript Syntax: | object.style.paddingBottom = "40px" |
Syntax
Here is a syntax for the CSS padding-bottom property
padding-bottom: length | percentage | auto | initial | inherit;
Property Values
The following table describes the values of this property.
| Value | Description |
|---|---|
| length | Specifies the length value expressed in px, pt, cm, em, etc. Negative values are also allowed |
| percentage | Specifies the percentage value relative to the width of the element containing block |
| auto | browser calculates a suitable value for the element |
| initial | Sets default value of this property |
| inherit | Inherits this property from its parent element. |
Examples
The example below shows to sets padding bottom values of the element.
.padding-1 {
padding-bottom: 30px;
}
Browser Compatibility
- Google Chrome 1+
- Mozilla Firefox 1+
- Internet Explorer 4+
- Opera 3.5+
- Safari 1+
Note: Here details of browser compatibility with version number may be this is bug and not supported. But recommended to always use latest Web browser.