CSS padding-block-start คุณสมบัติ

การระบุและการใช้งาน

ขององค์ประกอบ padding-block-start หมายถึงช่องว่างระหว่างเส้นบรรทัดและเนื้อหาในทิศทางบล็อค:

CSS padding-block และ padding-inline คุณสมบัตินี้เหมือนกับคุณสมบัติ CSS padding-top、padding-bottom、padding-left และ padding-right เหมือนกันมาก แต่ padding-block และ padding-inline คุณสมบัตินี้ขึ้นอยู่กับทิศทางบล็อคและทิศทางแถวตรงข้าม。

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

ตัวอย่าง

ตัวอย่าง 1

จัดให้เป็นระยะทางด้านหน้าในทิศทางบล็อค:

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

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

ตัวอย่าง 2

จัดค่า value ขององค์ประกอบ <div>: writing-mode เมื่อค่า属性 value จัดให้เป็น vertical-rl แล้ว ทิศทางของบล็อคจะเป็นทิศทางจากขวาไปทางซ้าย:

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

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

ระบบการเขียน CSS

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

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

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

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

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

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

อ้างอิง：CSS padding-block คุณสมบัติ

อ้างอิง：CSS padding-block-end คุณสมบัติ

อ้างอิง：CSS padding-inline คุณสมบัติ

อ้างอิง：CSS padding-bottom คุณสมบัติ

อ้างอิง：CSS padding-left คุณสมบัติ

อ้างอิง：CSS padding-right คุณสมบัติ

อ้างอิง：CSS padding-top คุณสมบัติ

อ้างอิง：CSS writing-mode thuộc tính