The padding-bottom
CSS property sets the height of the padding area on the bottom of an element.
An element's padding area is the space between its content and its border.
Note: The padding
property can be used to set paddings on all four sides of an element with a single declaration.
/* <length> values */ padding-bottom: 0.5em; padding-bottom: 0; padding-bottom: 2cm; /* <percentage> value */ padding-bottom: 10%; /* Global values */ padding-bottom: inherit; padding-bottom: initial; padding-bottom: unset;
The padding-bottom
property is specified as a single value chosen from the list below. Unlike margins, negative values are not allowed for padding.
<length>
<percentage>
<length> | <percentage>
.content { padding-bottom: 5%; } .sidebox { padding-bottom: 10px; }
Specification | Status | Comment |
---|---|---|
CSS Basic Box Model The definition of 'padding-bottom' in that specification. | Working Draft | No change. |
CSS Transitions The definition of 'padding-bottom' in that specification. | Working Draft | Defines padding-bottom as animatable. |
CSS Level 2 (Revision 1) The definition of 'padding-bottom' in that specification. | Recommendation | No change. |
CSS Level 1 The definition of 'padding-bottom' in that specification. | Recommendation | Initial definition. |
Initial value | 0 |
---|---|
Applies to | all elements, except table-row-group , table-header-group , table-footer-group , table-row , table-column-group and table-column . It also applies to ::first-letter . |
Inherited | no |
Percentages | refer to the width of the containing block |
Media | visual |
Computed value | the percentage as specified or the absolute length |
Animation type | a length |
Canonical order | the unique non-ambiguous order defined by the formal grammar |
Desktop | ||||||
---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
Basic support | 1 | 12 | 1 | 4 | 3.5 | 1 |
Mobile | |||||||
---|---|---|---|---|---|---|---|
Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
Basic support | Yes | Yes | Yes | 4 | Yes | Yes | Yes |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom