CSS padding गुण

padding गुण किसी तत्व का बायां, दायां, ऊपरी और निचला पैडिंग (स्पेस) सेट करता है।

उदाहरण

निम्न कोड चलाकर padding गुण लागू करें:

<html>
  <head>
  </head>
  <body>
    <p style="padding: 25px; border:2px solid orange;">
      All four padding will be 25px
    </p>
    <p style="padding:20px 4%; border:2px solid red;">
      Top and bottom padding will be 20px, left and right padding will be 4% of the total width of the document.
    </p>
    <p style="padding: 15px 3% 10px; border:1px solid maroon;">
      Top padding will be 15px, left and right padding will be 3% of the total width of the document, bottom padding will be 10px
    </p>
  </body>
</html>

मान क्रम: top right bottom left (घड़ी की दिशा में)। 2 मान: vertical horizontal। 3 मान: top horizontal bottom।