CSS นิยายเรียกว่า border-block-end

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

border-block-end กำหนดและวิธีใช้:

• border-block-end-width
• border-block-end-style
• border-block-end-color

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

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

ตัวอย่าง

ตัวอย่าง 1

กำหนดความกว้าง สี และรูปแบบของเส้นเข็มขัดที่ปลายด้านท้ายของมุมทางบล็อค:

div {
  border-block-end: 10px solid pink;
}

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

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

ตำแหน่งของเส้นเข็มขัดทางปลายด้านท้ายของมุมทางบล็อคได้รับการทำนองโดย writing-mode ผลกระทบของคุณสมบัติ:

div {
  writing-mode: vertical-rl;
  border-block-end: dotted blue;
}

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

การเขียน CSS

border-block-end: border-block-end-width border-block-end-style border-block-end-color|initial|inherit;

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

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

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

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

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

ตัวแบบ:CSS ขอบเขต

อ้างอิง：CSS นิยายเรียกว่า border

อ้างอิง：CSS นิยายเรียกว่า border-block

อ้างอิง：CSS นิยายเรียกว่า border-block-color

อ้างอิง：CSS นิยายเรียกว่า border-block-start-color

อ้างอิง：CSS นิยายเรียกว่า border-bottom-color

อ้างอิง：CSS รายละเอียด border-left-color

อ้างอิง：CSS รายละเอียด border-right-color

อ้างอิง：CSS รายละเอียด border-top-color

อ้างอิง：CSS รูปแบบการเขียน