Open Directory Site CSS Tutorials

ASP | XML | VBScript | JavaScript | ADO | CSS | XMLDOM | PHP | Operating Systems

Home >> CSS >> CSS Padding Properties

CSS Padding Properties

 

CSS Padding properties define the space between the element border and the element content.

Examples

Set the left padding

This example demonstrates how to set the left padding of a tablecell.

Set the right padding

This example demonstrates how to set the right padding of a tablecell.

Set the top padding

This example demonstrates how to set the top padding of a tablecell.

Set the bottom padding

This example demonstrates how to set the bottom padding of a tablecell.

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.

CSS Padding

The 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.

Padding Properties:

NN: Netscape, IE: Internet Explorer, W3C: Web Standard

Property Description Values NN IE W3C

padding A shorthand property for setting all of

the padding properties in one declaration

padding-top

padding-right

padding-bottom

padding-left 4.0 4.0 CSS1

padding-bottom

Sets the bottom padding of an element

length % 4.0 4.0 CSS1

padding-left Sets the left padding of an element

length % 4.0 4.0 CSS1

padding-right Sets the right padding of an element

length % 4.0 4.0 CSS1

padding-top Sets the top padding of an element

length % 4.0 4.0 CSS1

 

Cheap Web Hosting Articles - Web Site Design & Web Hosting Tutorials - Domain Hosting