คุณสมบัติ padding-bottom ใน CSS

คุณสมบัติ padding-bottom

คุณสมบัติ padding-bottom ระบุ padding ด้านล่างขององค์ประกอบ ตั้งค่า padding ด้านล่าง (space) รับค่าเป็นความยาวหรือเปอร์เซ็นต์

ตัวอย่าง

<html>
  <head>
  </head>
  <body>
    <p style="padding-bottom: 10px; border:1px solid red;">
      This is a paragraph with a specified bottom padding </p>
    <p style="padding-bottom: 10%; border:1px solid red;">
      This is another paragraph with a specified bottom padding in percent </p>
  </body>
</html>

รายละเอียด:

• ความยาว: px, em, rem, cm, ฯลฯ
• เปอร์เซ็นต์: % ของความกว้างของ containing block
• ไม่รับค่าลบได้
• ค่าเริ่มต้น: 0
• ส่วนหนึ่งของ padding shorthand