คุณสมบัติ padding ใช้กำหนดระยะห่างภายใน (Padding) 4 ด้านของ Element ได้แก่ ซ้าย, ขวา, บน, ล่าง
ตัวอย่าง
<html>
<head></head>
<body>
<p style="padding: 25px; border:2px solid orange;">
This is a paragraph.
</p>
<p style="padding:20px 4%; border:2px solid red;">
This is another paragraph.
</p>
<p style="padding: 15px 3% 10px; border:1px solid maroon;">
Padding บน 15px, ซ้าย-ขวา 3%, ล่าง 10px
</p>
</body>
</html>
รูปแบบค่าของ Padding
- 1 ค่า:
padding: 25px;— 4 ด้านเท่ากัน - 2 ค่า:
padding: 20px 4%;— บน-ล่าง 20px, ซ้าย-ขวา 4% - 3 ค่า:
padding: 15px 3% 10px;— บน 15px, ซ้าย-ขวา 3%, ล่าง 10px - 4 ค่า:
padding: 10px 20px 15px 5px;— บน, ขวา, ล่าง, ซ้าย (ตามเข็มนาฬิกา)
