डाउनलोड पी.डी.एफ. ई-बुक्स
CSS - Padding

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

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

Padding related Properties


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

PropertyDescription
paddingइस property पर element के लिए सभी padding properties दी जाती है |
padding-topElement पर top padding set की जाती है |
padding-rightElement पर right padding set की जाती है |
padding-bottomElement पर bottom padding set की जाती है |
padding-leftElement पर left padding set की जाती है |