CSS padding-block-end ความงาน

คำแนะนำหลักสูตร

คำอธิบายและวิธีใช้ ขององค์ประกอบ padding-block-end

หมายถึงช่องว่างจากเส้นขอบขององค์ประกอบไปจนถึงจุดสิ้นสุดของเนื้อหาในทิศทางบล็อค padding-block และ padding-inline CSS คุณสมบัติเหล่านี้เหมือนกับคุณสมบัติ CSSpadding-bottompadding-toppadding-bottom、 และ padding-left padding-right padding-block และ padding-inline คุณสมบัตินี้ขึ้นอยู่กับทิศทางบล็อคและทิศทางแถว

จำเป็นต้องทราบและคุณสมบัติ CSS ที่เกี่ยวข้อง writing-mode กำหนดทิศทางบล็อค padding-block ผลลัพธ์ของคุณสมบัติ

ตัวอย่าง

ตัวอย่าง 1

กำหนดระยะเวดย์ด้านจบของแถว

p {
  padding-block-end: 35px;
}

ลองด้วยตัวเอง

ตัวอย่าง 2

กำหนด <div> ที่ writing-mode เมื่อค่าของคุณสมบัติเป็น vertical-rl จะมีการกำหนดทิศทางบล็อคจากขวาไปที่ซ้าย

div {
  writing-mode: vertical-rl;
  padding-block-end: 50px;
}

ลองด้วยตัวเอง

CSS ภาษาไทย

padding-block-end: auto|value|initial|inherit;

ค่าคุณสมบัติ

รายละเอียดเทคนิค

การสนับสนุนของบราวเซอร์

ตัวเลขในตารางแสดงความสามารถในการใช้งานของบราวเซอร์ที่สนับสนุนอัตราบวกเต็มแรกของคุณสมบัตินี้。

หน้าที่เกี่ยวข้อง

อ้างอิง：CSS padding-block ความงาน

อ้างอิง：CSS padding-block-start ความงาน

อ้างอิง：CSS padding-inline ความงาน

อ้างอิง：CSS padding-bottom ความงาน

อ้างอิง：CSS padding-left ความงาน

อ้างอิง：CSS padding-right ความงาน

อ้างอิง：CSS padding-top ความงาน

อ้างอิง：คุณสมบัติ writing-mode ของ CSS