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

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

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

ตัวอย่าง

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

รายละเอียด:

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