CSS ความเก็บเนื้อด้านบนตั้ง สีขอบ

คำอธิบายและวิธีใช้

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

คุณสมบัตินี้ขึ้นกับทิศทางแบบบล็อคต้องตั้งค่า border-block-start-color คุณสมบัติ border-block-start-style ที่เปิดใช้งาน

คุณสมบัติ border-block-start-color CSS คุณสมบัติเหล่านี้ต่างกับคุณสมบัติ CSSborder-left-colorborder-bottom-colorborder-left-color、 border-right-color และ border-top-color border-block-start-color มีความคล้ายกันมาก แต่

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

ตัวอย่าง

ตัวอย่าง 1

ตั้งค่าสีของเขตรอบเบื้องต้นของเอากันตามทิศทางแบบบล็อค

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

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

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

ตำแหน่งของเขตรอบเบื้องต้นของเอากันตามทิศทางแบบบล็อคนั้นตกอยู่ภายใต้ writing-mode ผลกระทบของคุณสมบัติ：

div {
  border-block-start-style: solid;
  writing-mode: vertical-rl;
  border-block-start-color: blue;
}

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

ระบบแสดงผล CSS

border-block-start-color: ด้วยค่าโดยมาตรฐานขององค์ประกอบ อ่านเพิ่มเติม|transparent|initial|inherit;

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

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

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

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

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

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

อ้างอิง：CSS ความเข้าข้างเส้นขอบ

อ้างอิง：CSS ความเก็บเนื้อด้านบน

อ้างอิง：CSS ความเก็บเนื้อด้านบน สีขอบ

อ้างอิง：CSS ความเก็บเนื้อด้านบนปลาย สีขอบ

อ้างอิง：CSS รูปแบบขอบด้านบนตั้ง

อ้างอิง：CSS สีขอบด้านล่าง

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

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

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

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