CSS รายละเอียดความกว้างเขตชายด้านท้ายแบบแบบบล็อค

การประกาศและการใช้งาน

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

สัญญาณ:เพื่อให้ border-block-end-width คุณสมบัติต้องเป็น border-block-end-style คุณสมบัติ

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

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

ผลลัพธ์ของคุณสมบัติ

ตัวอย่าง

ตัวอย่างที่ 1

ผลกระทบของคุณสมบัติ:
  div {
  กำหนดความหนาของขอบปลายด้านบล็อค:
border-block-end-width: 5px;

}

border-block-end-width: 10px;

ตัวอย่างที่ 2: ร่วมกับคุณสมบัติ writing-mode ตำแหน่งของขอบปลายด้านบล็อคแบบบล็อคมีส่วนของ writing-mode

ผลกระทบของคุณสมบัติ:
  div {
  border-block-end-style: solid;
  writing-mode: vertical-rl;
border-block-end-width: 5px;

}

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

ระยะเวลา CSSlengthborder-block-end-width: medium|thin|thick|

|initial|inherit;

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

การสนับสนุนโปรแกรมน่าพิมพ์

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

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

ความรู้:CSS ขอบเขต

อ้างอิง：CSS รายละเอียดเขตชาย

อ้างอิง：CSS รายละเอียดเขตชายแบบแบบบล็อค

อ้างอิง：CSS รายละเอียดเขตชายด้านท้ายแบบแบบบล็อค

อ้างอิง：CSS รายละเอียดรูปแบบเขตชายด้านท้ายแบบแบบบล็อค

อ้างอิง：CSS รายละเอียดความกว้างเขตชายด้านหน้าแบบแบบบล็อค

อ้างอิง：CSS รายละเอียดความกว้างเขตชายด้านล่าง

อ้างอิง：CSS ความกว้างของเส้นตรงที่ด้านซ้ายของเขตเนื้อหาภายใน

อ้างอิง：CSS ความกว้างของเส้นตรงที่ด้านขวาของเขตเนื้อหาภายใน

อ้างอิง：CSS ความกว้างของเส้นตรงที่ด้านบนของเขตเนื้อหาภายใน

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