CSS Padding
The CSS padding properties define the space between the element border and the element content.
Examples
All the padding properties in one
declaration
This example demonstrates a shorthand property for setting all of the padding
properties in one declaration, can have from one to four values.
Set the top padding using a cm value
This example demonstrates how to set the top padding of a table cell using a cm value.
Set the top padding using a percent value
This example demonstrates how to set the top padding of a table cell using a percent value.
Set the bottom padding using a cm value
This example demonstrates how to set the bottom padding of a table cell using a cm value.
Set the bottom padding using a percent value
This example demonstrates how to set the bottom padding of a table cell using a percent value.
Set the
left padding using a cm value
This example demonstrates how to set the left padding of a table cell using a cm value.
Set the left padding using a percent value
This example demonstrates how to set the left padding of a table cell using a percent value.
Set the right padding using a cm value
This example demonstrates how to set the right padding of a table cell using a cm value.
Set the right padding using a percent value
This example demonstrates how to set the right padding of a table cell using a percent value.
CSS Padding Properties
The CSS padding properties define the space between the element border and the element
content. Negative values are not allowed. The top, right, bottom, and left padding can
be changed independently using separate properties. A shorthand padding property
is also created to control multiple sides at once.
Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.
W3C: The number in the "W3C" column indicates in which CSS recommendation
the property is defined (CSS1 or CSS2).
| Property |
Description |
Values |
IE |
F |
N |
W3C |
| padding |
A shorthand property for setting all of the padding properties in
one declaration |
padding-top
padding-right
padding-bottom
padding-left |
4 |
1 |
4 |
1 |
|
padding-bottom
|
Sets the bottom padding of an element |
length
% |
4 |
1 |
4 |
1 |
|
padding-left
|
Sets the left padding of an element |
length
% |
4 |
1 |
4 |
1 |
|
padding-right
|
Sets the right padding of an element |
length
% |
4 |
1 |
4 |
1 |
| padding-top |
Sets the top padding of an element |
length
% |
4 |
1 |
4 |
1 |
 |
 |
 |
 |
|
The Ektron Intranet
lets you do everything you need to do on your corporate intranet and everything you want to do... all with just one application.
What can you do with the Ektron Intranet? |
 |
Navigate through content, documents, assets, colleagues and workgroups quickly and intuitively with enterprise search |
 |
Communicate with friends and colleagues with forums, message boards and corporate blogging using the new Social Networking Platform |
|
Utilize the extensive out-of-the box features or customize your site through Ektron CMS400.NET's open architecture |
 |
Promote collaboration in your organization through project workspaces where others can efficiently find information and work together |
 |
Author/edit content, manage navigation, menus, audit trails, workflow and approvals with the best in breed Content Management |
|
|
|
|
See why there are 20,000+ Ektron integrations worldwide.
|
|
 |
TAKE THE VIDEO TOUR |
 |
or download a FREE TRIAL today. |
| 
HOME
Printer friendly page
