CSS padding-right

Also see the full, alphabetical list of CSS properties

The CSS padding-right property is used to apply padding to the right side of an element.

CSS padding is 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, and as you can see here, a different padding value can be applied to any side you wish).

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, CSS padding-right, CSS padding-top and CSS padding-left

Syntax:	padding-right: <value>;
Possible Values:	<padding-width> inherit
Initial Value:	0
Applies to:	All elements.
Inherited:	No
Media:	Visual
Example:	`td { padding-right:50px; }`
Try it yourself!	<style type="text/css"> td { width:50%; border:1 solid black; } td.padded { padding-right:50px; } </style> <table> <tr> <td class="padded">This cell is styled using the CSS padding-right 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>

CSS Tutorial

CSS Codes

CSS Examples

CSS Reference

CSS padding-right

Also see the full, alphabetical list of CSS properties

Also see all CSS properties listed alphabetically

Enjoy this page?

HTML/MARKUP

CSS & DESIGN

SCRIPTING

DATABASE

WEB HOSTING