CSS padding property ব্যবহার

padding property এলিমেন্টের চারপাশের প্যাডিং (স্পেস) - বাম, ডান, উপর, নিচ - একসাথে বা আলাদা আলাদা সেট করতে ব্যবহৃত হয়।

উদাহরণ

নিচের কোডটি রান করে padding property-র ব্যবহার শিখুন:

<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>

সিনট্যাক্স: padding: top right bottom left; (৪ মান), padding: vertical horizontal; (২ মান), padding: top horizontal bottom; (৩ মান), padding: all; (১ মান)।