CSS รายละเอียด border-block-start-width

การนิยามและการใช้งาน

border-block-start-width คุณสมบัติตั้งค่าความหนาของขอบเริ่มต้นของแบบระบบตารางขององค์ประกอบ

สัญญาณ:เพื่อให้ border-block-start-width คุณสมบัติต้องเป็นที่เรียกใช้ border-block-start-style คุณสมบัติ

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

สัญญาณ:คุณสมบัติ CSS ที่เกี่ยวข้อง writing-mode กำหนดแบบระบบตาราง border-block-start-width ผลลัพธ์ของคุณสมบัติ

ตัวอย่าง

ตัวอย่าง 1

ตั้งค่าความหนาของขอบเริ่มต้นของแบบระบบตาราง:

div {
  border-block-start-style: solid;
  border-block-start-width: 10px;
}

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

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

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

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

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

CSS ภาษา

border-block-start-width: medium|thin|thick|length|initial|inherit;

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

ค่า คำอธิบาย
medium กำหนดขอบขนาดปานกลาง
thin กำหนดขอบบาง
thick กำหนดขอบหนา
length อนุญาตให้คุณกำหนดความหนาของเข้าขอบหน่วยมาตรฐาน CSS
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น initial
inherit สืบทอดคุณสมบัตินี้จากตัวปลายทางของเรื่องของเรา inherit

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

ค่าเริ่มต้น: medium
การสืบทอด: ไม่
การสร้างอนุรักษ์: สนับสนุน。ดูเพิ่มเติม:คุณสมบัติที่เกี่ยวข้องกับอนุรักษ์
รุ่น: CSS3
JavaScript ภาษา: object.style.borderBlockStartWidth="10px"

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

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

Chrome Edge Firefox Safari Opera
69.0 79.0 41.0 12.1 56.0

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

คู่มือ:คุณได้ทราบเรื่อง CSS ขอบเขต

อ้างอิง:CSS รายละเอียด border

อ้างอิง:CSS รายละเอียด border-block

อ้างอิง:CSS รายละเอียด border-block-width

อ้างอิง:CSS รายละเอียด border-block-end-width

อ้างอิง:CSS รายละเอียด border-bottom-width

อ้างอิง:CSS ความกว้างเข็มตัวด้านซ้าย

อ้างอิง:CSS ความกว้างเข็มตัวด้านขวา

อ้างอิง:CSS ความกว้างเข็มตัวด้านบน

อ้างอิง:คุณได้ทราบเรื่อง CSS writing-mode ที่แสดงรายละเอียด