CSS นิยายภาค border-block-end-color

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

border-block-end-color คุณสมบัติที่ใช้กำหนดสีของเขตตัวกันที่สุดท้ายของทิศทางแบบบล็อคขององค์ประกอบ

หมายเหตุ：คุณสมบัติ border-block-end-color คุณสมบัติที่มีผลบน border-block-end-style คุณสมบัติ

คุณสมบัติ border-block-end-color ของ CSS นี้เหมือนกันกับคุณสมบัติ border-bottom-width、border-left-width、border-right-width และ border-top-width เหมือนกันเป็นอย่างมาก border-block-end-color คุณสมบัตินี้ขึ้นกับทิศทางแบบบล็อค

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

ตัวอย่าง

ตัวอย่าง 1

กำหนดสีของเขตตัวกันที่สุดท้ายของทิศทางแบบบล็อค

div {
  border-block-end-style: solid;
  border-block-end-color: pink;
}

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

ตัวอย่าง 2: ร่วมกับคุณสมบัติ writing-mode

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

div {
  border-block-end-style: solid;
  writing-mode: vertical-rl;
  border-block-end-color: 5px;
}

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

การเขียน CSS

border-block-end-color: color|โปรไฟล์|initial|inherit;

ค่าของคุณสมบัติ

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

การสนับสนุนโปรแกรมน่าเชื่อถือ

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

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

คู่มือ：เขตของ CSS

อ้างอิง：CSS นิยายภาค border

อ้างอิง：CSS นิยายภาค border-block

อ้างอิง：CSS นิยายภาค border-block-color

อ้างอิง：CSS นิยายภาค border-block-start-color

อ้างอิง：CSS นิยายภาค border-block-end-style

อ้างอิง：CSS นิยายภาค border-bottom-color

อ้างอิง：CSS ลักษณะ border-left-color

อ้างอิง：CSS ลักษณะ border-right-color

อ้างอิง：CSS ลักษณะ border-top-color

อ้างอิง：ตัวแปร writing-mode ของ CSS