PADDING: A CSS Property To Manage Your DIV Data.

The CSS Padding properties define the space between the element border and the element content.
Padding The padding clears an area around the content (inside the border) of an element. The padding is affected by the background color of the element. The top, right, bottom, and left padding can be changed independently using separate properties.
A shorthand padding property can also be used, to change all paddings at once.CSS padding is a shorthand property that sets the padding around all four sides of the element. CSS padding can be applied to nearly every HTML tag (except for some table tags) and all four sides can have a different value.CSS padding can take any non-negative length value. Be sure to specify the measurement, such as px, pt, em, in, cm, etc. You can also specify a percentage for your padding, which will be a percentage of the width of the element’s containing block. This includes for top and bottom padding.

Some Rules:

1.) You Can Defines A Fixed Padding In Pixels, %, em, etc…
2.) No Negative Values Are Allowed.
3.) It’s Default value Is 0.
4.) This Is A CSS1 Version Code.
5.) It’s JavaScript Syntax Is: object.style.padding=”10px 5px”
6.) It Is Supported By All Major Browser Like IE, FireFox, Opera, Chrome And Safari With There Rules.

How To Add Padding To A DIV?

There are different ways to specify the padding property to a DIV, Here we have toppest and most used features with easy explanation.

If You Want To Add Same Value Of Padding To All Sides Of DIV, You Should Have To Use The Below Code:

padding-top:25px;
padding-bottom:25px;
padding-right:25px;
padding-left:25px;

But It Will Looks Like A Heavy Because It Has Four Link, So Minimized Your Padding Using Compressed Official Code. It Will Also Do The Work As Above.

padding:25px;

If You Want To Add Some PAdding In Different Value From Different Side, So Here Is Your Desire With All Four Sides Code With There Compressed Official Codes.