padding-top
Summary
The padding-top CSS property of an element sets the padding space required on the top of an element. The padding area is the space between the content of the element and its border. Contrary to margin-top values, negative values of padding-top are invalid.
Overview table
- Initial value
0- Applies to
- all elements (except table-*-group, table-row and table-column, br)
- Inherited
- No
- Media
- visual
- Computed value
- the percentage as specified or the absolute length
- Animatable
- Yes
- Percentages
- [[CSS percentages::refer to width of closest block-level ancestor]]
Syntax
padding-top: lengthpadding-top: percentage
Values
- length
- Specifies a positive fixed distance. See length for details.
- percentage
- A percentage with respect to the height of the containing block.
Examples
The following examples use the padding-top property to change the padding of the elements.
td { padding-top: 20%; }
td { padding-top: 30px; }
Syntax
padding-top: <length> | <percentage>
Related specifications
- CSS basic box model
- W3C Working Draft
- CSS 2.1, 8 Box model
- W3C Recommendation
Attributions
Mozilla Developer Network
.Microsoft Developer Network.