CSS รายละเอียด border-block-start-width
- หน้าก่อน border-block-start-style
- หน้าต่อไป border-block-style
การนิยามและการใช้งาน
border-block-start-width
คุณสมบัติตั้งค่าความหนาของขอบเริ่มต้นของแบบระบบตารางขององค์ประกอบ
สัญญาณ:เพื่อให้ border-block-start-width
คุณสมบัติต้องเป็นที่เรียกใช้ border-block-start-style
คุณสมบัติ
CSS border-block-start-width
คุณสมบัติเหล่านี้เป็น border-bottom-width
、border-left-width
、border-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 ความกว้างเข็มตัวด้านบน
- หน้าก่อน border-block-start-style
- หน้าต่อไป border-block-style