CSS Padding (ขยาย)

นิยามพื้นที่ชายแดนองค์ประกอบและเนื้อหาองค์ประกอบระหว่างคุณสมบัติ CSS Padding (ขยาย)

padding (ขยาย)

เมื่อองค์ประกอบ Padding (เต็ม) (ช่องว่าง) จะถูกล้างไป "ปล่อย" ของพื้นที่องค์ประกอบเติมสีพื้นหลังจะเป็น

เพียงอย่างเดียวกรอกคุณสมบัติสามารถเปลี่ยนขึ้นและลงรอบไส้ ย่อกรอกคุณสมบัตินอกจากนี้ยังสามารถใช้ในการเปลี่ยนทุกครั้งที่มีการเปลี่ยนแปลง

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

padding - ทรัพย์สิน padding ฝ่ายเดียว

ใน CSS, มันสามารถระบุด้านที่แตกต่างของการบรรจุที่แตกต่างกัน

บรรจุ - ทรัพย์สินจดชวเลข

เพื่อตัดรหัสซึ่งคุณสามารถระบุคุณสมบัติทั้งหมด padding หนึ่งในสถานที่ให้บริการ

นี้เรียกว่าคุณสมบัติจดชวเลข สถานที่ให้บริการจดชวเลขสำหรับทุกแอตทริบิวต์เติมเป็น "ช่องว่าง"

คุณสมบัติ padding สามารถมี 1-4 ค่า

padding: 50px 75px 25 พิกเซล 100px;

• ไส้ 25 พิกเซล
• padding ขวาเพื่อ 50px
• ภายใต้ 75px เต็ม
• ซ้าย 100px เต็ม

padding: 50px 75px 25 พิกเซล;

• ไส้ 25 พิกเซล
• เต็มไปด้วยเกี่ยวกับ 50px
• ภายใต้ 75px เต็ม

padding: 25 พิกเซล 50px;

• padding ล่างคือ 25 พิกเซล
• เต็มไปด้วยเกี่ยวกับ 50px

padding: 25 พิกเซล;

• 25 พิกเซลทั้งหมดจะเต็ม

ตัวอย่างเพิ่มเติม

ทุกคุณสมบัติในหนึ่งช่องว่างภายในประกาศ
ตัวอย่างนี้แสดงให้เห็นถึงการใช้ทรัพย์สินตัวย่อที่มีการตั้งค่าในการประกาศทั้งหมดกรอกแอตทริบิวต์สามารถมี 1-4 ค่า

ตั้งส่วนที่เหลือที่เต็มไปด้วย
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการตั้งค่าองค์ประกอบ padding ซ้าย

การตั้งค่าส่วนขวาของไส้
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการตั้งค่าองค์ประกอบ padding ขวา .

การตั้งค่าการเติมบน
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการตั้งค่าองค์ประกอบไส้

บรรจุล่าง
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการตั้งค่า padding ภายใต้องค์ประกอบ

ทั้งหมดคุณสมบัติ CSS padding