Latest

recent

CSS padding Property

Definition

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

JavaScript Syntax

CSS properties can also be dynamically changed with a JavaScript.
Scripting Syntax: object.style.padding="2cm"

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 and 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
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).Default value: Not defined

Goto CSS3 and CSS2 complete reference
CSS padding Property Reviewed by 1000sourcecodes on 21:13 Rating: 5
Powered by Blogger.