CSS padding

Also see the full, alphabetical list of CSS properties

The CSS padding property is CSS shorthand for specifying padding on all sides of an element.

It's kind of the CSS equivilent to CELLPADDING in HTML (however, CSS padding is more powerful - it can be applied to any element, not just table cells).

To apply the CSS padding property to table cells you need to apply padding at the cell level (i.e. you style the TD tag - not the TABLE tag).

Also see CSS padding-top, CSS padding-right, CSS padding-bottom and CSS padding-left

Syntax:	padding: <value1>, <value2> ...
Possible Values:	<padding-width> - specify one value to apply padding to all sides or specify one for each side. inherit
Initial Value:	Not defined
Applies to:	All elements.
Inherited:	No
Media:	Visual
Example:	`td { padding:20px; }`
Try it yourself!	HTML Editor <style type="text/css"> td { width:50%; border:1 solid black; } td.padded { padding:20px; } </style> <table> <tr> <td class="padded">This cell is styled using the CSS padding property - kind of the CSS equivalent of cellpadding in HTML. Try changing the values to see the effect it has on the padding of the cell.</td></tr> <tr><td>This cell is NOT styled using the CSS padding property.</td> </tr></table>

Also see all CSS properties listed alphabetically

Enjoy this website?

Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/css/properties/css_padding.cfm">CSS padding</a> from Quackit.com
Add this page to your favorite social bookmarks sites:
Add this page to your Favorites