CSS : PADDING-SHORTHAND PROPERTY

Padding - Shorthand property

To shorten the code, it is possible to specify all the padding properties in one property. This is called a shorthand property.

The shorthand property for all the padding properties is "padding":

Example

padding:25px 50px;

The padding property can have from one to four values.

• padding:25px 50px 75px 100px;
• top padding is 25px
• right padding is 50px
• bottom padding is 75px
• left padding is 100px

• padding:25px 50px 75px;
• top padding is 25px
• right and left paddings are 50px
• bottom padding is 75px

• padding:25px 50px;
• top and bottom paddings are 25px
• right and left paddings are 50px

• padding:25px;
• all four paddings are 25px

 
 

• Other Topics
  CSS : All css dimension properties,CSS : Grouping selectors,CSS : Display - block and inline elements,CSS : Hiding an element - display:none or visibility:hidden,CSS : All css dimension properties,CSS : Grouping selectors,CSS : Nesting selectors,CSS : Relative positioning,CSS : Padding properties,CSS : Padding-shorthand property,CSS : Padding - individual sides,CSS : Cross browser compatibality,CSS : Left and right Aligning by float property,CSS : Left &Amp; Right Aligning By Position Property,CSS : The lang pseudo class,CSS : MEDIA,CSS::STYLING FORMS, mechanical Engineering, English books,Photoshop tutorials,Harry potter,Best 100 english books,Mechanical-old-question-paper,