padding

คุณสมบัติของ css padding เป็นการกำหนดพื้นว่างระหว่างขอบของ element และเนื้อหาภายในของ element นั้น

• padding เป็นการล้างพื้นที่โดยรอบเนื้อหาภายในกรอบ border ของ element นั้นๆ padding นั้นมีลักษณะโปร่งใส ดังนั้นเมื่อ element มีค่าสี background เป็นอย่างไร padding นั้นจะมีสีเดียวกันกับ element นั้นๆ
• padding ประด้วยด้วยกันสี่ด้านคือ บน ขวา ล่าง และซ้าย ซึ่งทั้งสี่ด้านนี้สามารถกำหนดและเปลี่ยนแปลง padding ได้อิสระต่อกัน
• ความหนาของ padding นั้นสามารถกำหนดหน่วยเป็น pixels, pt, em หรือหน่วยอื่นๆ นอกเหนือจากนั้นยังสามารถกำหนดหน่วยเป็น % ของ element นั้นๆ

กำหนด padding ในแต่ละด้าน

css สามารถกำหนดความแตกต่างของ padding ในแต่ละด้านได้ โดยใช้คุณสมบัติของ padding แต่ละด้านดังนี้

• padding-top: กำหนดความหนา padding ด้านบน
• padding-right: กำหนดความหนา padding ด้านขวา
• padding-bottom: กำหนดความหนา padding ด้านล่าง
• padding-left: กำหนดความหนา padding ด้านซ้าย