Difference between revisions of "CSS GUIDE PADDING"
(→Usage Examples) |
(→Usage Examples) |
||
| Line 16: | Line 16: | ||
the padding will be 10px on all four sides</pre> | the padding will be 10px on all four sides</pre> | ||
| − | <pre>h2 {padding: 10px 2%} | + | <pre>h2 {padding: 10px 2%;} |
| − | top and bottom padding will be 10px, left and right padding will be 2% of the width of the closest element.</pre> | + | top and bottom padding will be 10px, left and right padding will be 2% of the width of the closest |
| + | element.</pre> | ||
| − | <pre>h3 {padding: 10px 2% 15px} | + | <pre>h3 {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.</pre> | + | top padding will be 10px, left and right padding will be 2% of the width of the closest element, |
| + | bottom padding will be 15px.</pre> | ||
| − | <pre>h4 {padding: 10px 2% 15px 20px} | + | <pre>h4 {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</pre> | + | 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</pre> | ||
== Notes == | == Notes == | ||
Revision as of 03:03, 12 December 2006
Contents
Summary
This property is a shorthand method of setting all of the padding properties in one declaration.
- Inherited: No
Syntax
TARGET_ELEMENT {padding: value;}
Legal Values
Values can be specified as length i.e pixels (px), centimetres (cm) or inches (in) or as a percentage (%)
Mozilla Recommended Values
Usage Examples
h1 {padding: 10px}
the padding will be 10px on all four sides
h2 {padding: 10px 2%;}
top and bottom padding will be 10px, left and right padding will be 2% of the width of the closest
element.
h3 {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.
h4 {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
Notes
Negative values are not allowed.
