padding-left
Summary
The padding-left CSS property of an element sets the padding space required on the left side of an element. The padding area is the space between the content of the element and its border. Contrary to margin-left values, negative values of padding-left 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-left: lengthpadding-left: percentage
Values
- length
- Specifies a positive fixed width. See length for details.
- percentage
- A percentage with respect to the width of the containing block.
Examples
The following examples use the padding-left property to change the padding of the elements.
td { padding-left: 20%; }
td { padding-left: 30px; }
Related specifications
- CSS basic box model
- W3C Working Draft
- CSS 2.1, 8 Box model
- W3C Recommendation
Attributions
Mozilla Developer Network
.