Please visit our sponsors !
The padding property
The padding property is a shorthand property for setting all of the padding properties in one
declaration.
Note: Negative values are not allowed.
Inherited: No
Example
h1 {padding: 10px}
the padding will be 10px on all four sides
h1 {padding: 10px 2%}
top and bottom padding will be 10px, left an right padding will be 2% of the
width of the closest element.
h1 {padding: 10px 2% 15px}
top padding will be 10px, left and right padding will be 2% of the width of the
closest element, bottom padding will be 15px
h1 {padding: 10px 2% 15px 20px}
top padding will be 10px, right padding will be 2% of the width of the
closest element, bottom padding will be 15px, left padding will be 20px
|
Possible Values
Value |
Description |
NN |
IE |
padding-top
padding-right
padding-bottom
padding-left |
Sets the padding. The values comes in %
(defines padding in % of the width of the closest element) and length (defines a fixed
padding) |
4.0 |
4.0 |
Browser Notes
Note in IE 4.0+:
- This property does not work properly with inline elements, and images
Note in IE 5.0+:
- This property does not work properly with tables, table cells and
input fields
Note in IE 5.5 Beta 1:
- This property works with inline elements
Note in Netscape 4.0+:
- This property does not work properly with inline elements, list
items, tables, and images
|
Jump to: Top of Page
or HOME or
Printer friendly page
Search W3Schools:
What Others Say About Us
Does the world know about us? Check out these places:
Dogpile
Alta Vista
MSN
Google
Excite
Lycos
Yahoo
Ask Jeeves
We Help You For Free. You Can Help Us!
W3Schools is for training only. We do not warrant its correctness or its fitness for use.
The risk of using it remains entirely with the user. While using this site, you agree to have read and accepted our
terms of use and
privacy policy.
Copyright 1999-2002 by Refsnes Data. All Rights Reserved
|