CSS - CSS Padding

                                      CSS - CSS Padding

box-MODEL

CSS Padding से element के content के लिए top, right, bottom और left side के लिए padding दी जाती है | Padding के लिए negative values नहीं दी जा सकती है |

Padding के demonstration के लिए आप border का इस्तेमाल कर सकते है |

Padding related Properties

• padding
• padding-top
• padding-right
• padding-bottom
• padding-left

Example for padding property CSS Padding

padding property पर आप top right bottom और left के sequence में paddings को set कर सकते है |

Example पर padding:50px; ये top,right,bottom और left इन चारों paddings के लिये 50px लिया गया है |

<p style="padding:50px;border:1px #000 solid;">
padding:50px;
</p>

Output :

padding:50px;

---

Live Example

Example पर 50px padding ये top,bottom के लिए है और 30px padding ये right,left के लिये दिया गया है |

<p style="padding:50px 30px;border:1px #000 solid;">
padding:50px 30px;
</p>

Output :

padding:50px 30px;

---

Example पर 50px ये top, 30px ये right और left के लिए और 50% ये bottom लिए दिया गया है |

<p style="padding:50px 30px 50%;border:1px #000 solid;">
padding:50px 30px 50%;
</p>

Output :

padding:50px 30px 10%;

CSS Padding Properties

Property	Description
padding	इस property पर element के लिए सभी padding properties दी जाती है |
padding-top	Element पर top padding set की जाती है |
padding-right	Element पर right padding set की जाती है |
padding-bottom	Element पर bottom padding set की जाती है |
padding-left	Element पर left padding set की जाती है |