CSS - ช่องว่างด้านซ้าย

คำอธิบาย

คุณสมบัติpadding-leftตั้งค่าความกว้างของช่องว่างทางด้านซ้ายขององค์ประกอบ

ค่าที่เป็นไปได้

  • length- ค่าความยาวใด ๆ ไม่อนุญาตให้ใช้ค่าความยาวเชิงลบสำหรับคุณสมบัตินี้

  • percentage - ความกว้างของช่องว่างภายในด้านซ้ายคำนวณตามความกว้างของบล็อกที่มีองค์ประกอบ

นำไปใช้กับ

องค์ประกอบ HTML ทั้งหมด

ไวยากรณ์ DOM

object.style.paddingLeft = "10px;";

ตัวอย่าง

นี่คือตัวอย่าง -

<html>
   <head>
   </head>

   <body>
      <p style = "padding-left: 15px; border:1px solid black;">
         This is a paragraph with a specified left padding
      </p>
      
      <p style = "padding-left: 15%; border:1px solid black;">
         This is another paragraph with a specified left padding in percent
      </p>
   </body>
</html>

สิ่งนี้จะให้ผลลัพธ์ดังต่อไปนี้ -


CSS ตอบสนอง

Language