CSS2 » Properties » padding
Version: Level 1
Compability: IE4+ N4+
- Syntax:
- padding : length | percentage
- percentage
- The percentage value is based upon the total width being defined as 100%.
- length
- The length value can be in any of the following seven units. Use the abbreviation.
Length Abbrev. centimeters cm ems em inches in millimeters mm picas pc pixels px points pt
The padding property is a shortcut that allows you to set the values for padding-bottom, padding-left, padding-right, and padding-top in only one declaration. This property is not inherited.
You can declare one, two, three, or four values:
If you declare one value, the amount of padding between all four borders and the contents will be that value.
If you declare two values, the top and bottom padding will be set by the first value, the right and left padding by the second value.
If you declare three values, the top padding will be set by the first value, the right padding by the second, and the bottom and left padding by the third.
If you declare four values, the order is top, right, bottom, left.
Examples
Code:
body { padding: 25mm; }
body { padding: 1.0in; }
body { padding: 16pc 25pc; }
body { padding: 36pt 24pt 36pt; }
body { padding: 11.5%; }
body { padding: 10% 10% 10% 10%; }Language(s): CSS2
Code:
<table border="2">
<tr>
<td style="padding: 22px 22px 22px 22px;">
22 pixels padding on all four sides
</td>
</tr>
</table>Output:
22 pixels padding on all four sides
Language(s): CSS2
See Also:
