CSS รูปแบบของสุดท้ายของเขตติดด้านบน

定義和用法

border-block-start-style 屬性用於設置元素在塊方向起始處的邊框樣式。

CSS border-block-start-style 属性與 CSS 屬性 border-bottom-styleborder-left-styleborder-bottom-styleborder-left-style、 border-right-style และ border-top-style border-block-start-style เหมือนกันมาก แต่

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

ตัวอย่าง

ตัวอย่าง 1

กำหนดรูปแบบของเส้นขอบทางเริ่มต้นของบล็อค

div {
  border-block-start-style: dotted;
}

ทดลองเอง

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

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

div {
  writing-mode: vertical-rl;
  border-block-start-style: dotted;
}

ทดลองเอง

ระบบการใช้งาน CSS

border-block-start-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

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

ค่า คำอธิบาย
none ค่าเริ่มต้น กำหนดว่าไม่มีขอบเส้น
hidden เหมือนกับ "none" แต่มีความแตกต่างในการแก้ปัญหาของขอบเส้นในองค์ประกอบ
dotted กำหนดเส้นขอบทางจุด
dashed กำหนดเส้นขอบทางตายลง
solid กำหนดเส้นขอบทางตรง
double กำหนดเส้นขอบทางขวาง
groove

กำหนดเส้นขอบทางด้านล่างของสามมิติ

ผลที่ได้จะขึ้นอยู่กับค่า border-color
ridge

กำหนดเส้นขอบทางด้านบนของสามมิติ

ผลที่ได้จะขึ้นอยู่กับค่า border-color
inset

กำหนดเส้นขอบทางด้านในของสามมิติ

ผลที่ได้จะขึ้นอยู่กับค่า border-color
outset

กำหนดเส้นขอบทางด้านนอกของสามมิติ

ผลที่ได้จะขึ้นอยู่กับค่า border-color
initial ตั้งคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเพิ่มเติม initial.
inherit ที่นำคุณสมบัตินี้มาจากตัวพ่อของตัวเล็กนี้ อ่านเพิ่มเติม inherit.

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

ค่าเริ่มต้น: none
การเปิดเผย: ไม่
การสร้างอนุปราย: ไม่สนับสนุน。อ่านเพิ่มเติม:คุณสมบัติที่เกี่ยวข้องกับอนุปราย.
รุ่น: CSS3
ระบบการใช้งาน JavaScript: object.style.borderBlockStartStyle="dotted"

การสนับสนุนของเบราญวิสัย

ตัวเลขในตารางนี้ระบุรุ่นเบราญวิสัยที่สนับสนุนคุณสมบัตินี้ครบถ้วนแรก。

Chrome Edge Firefox Safari Opera
69.0 79.0 41.0 12.1 56.0

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

คู่มือ:CSS ขอบ

อ้างอิง:CSS ความหนาของเขตติดของเอกสาร

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

อ้างอิง:CSS รูปแบบของเขตติดบน

อ้างอิง:CSS รูปแบบของสุดท้ายของเขตติดบน

อ้างอิง:CSS รูปแบบของด้านล่าง

อ้างอิง:CSS ลักษณะ border-left-style

อ้างอิง:CSS ลักษณะ border-right-style

อ้างอิง:CSS ลักษณะ border-top-style

อ้างอิง:CSS writing-mode ทางแบบ