CSS รูปแบบขอบฝั่งฝั่งซ้าย

定義和用法

border-inline-start-style 屬性設置元素在行內方向起始處的邊框樣式。

CSS 的 border-inline-start-style 屬性與 border-bottom-style、border-left-style、border-right-style และ border-top-style 屬性非常相似，但 border-inline-start-style 屬性依賴於行內方向。

注意：相关的 CSS 屬性 writing-mode、text-orientation และ direction กำหนดแนวทางภายใน border-inline-start-style ผลของคุณสมบัติ。สำหรับหน้าเว็บที่ใช้ภาษาอังกฤษ แนวทางของตัวองค์ประกอบภายในคือจากซ้ายไปขวา และแนวทางของบล็อคคือลงไป

ตัวอย่าง

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

กำหนดรูปแบบของขอบเขตที่เริ่มต้นแนวทางภายใน：

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

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

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

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

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

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

ตัวอย่างที่ 3：ผสมกับคุณสมบัติ direction

ตำแหน่งของขอบเขตที่เริ่มต้นและสิ้นสุดของแนวทางในแนวเชิงเรียงของตัวองค์ประกอบภายในมีความเกี่ยวข้องกับ direction ผลกระทบของคุณสมบัติ：

div {
  direction: rtl;
  border-inline-start-style: dotted;
}

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

CSS สyntax

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

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

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

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

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

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

คู่มือ：CSS ขอบเขต

อ้างอิง：CSS ระบบขอบ

อ้างอิง：CSS ระบบขอบแบบแนว

อ้างอิง：CSS ระบบขอบแบบแนวด้านขวาของ รูปแบบขอบ

อ้างอิง：CSS รูปแบบขอบฝั่งฝั่งซ้าย

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

อ้างอิง：CSS รูปแบบขอบฝั่งฝั่งซ้าย

อ้างอิง：CSS รูปแบบขอบฝั่งฝั่งขวา

อ้างอิง：CSS รูปแบบขอบฝั่งด้านบน

อ้างอิง：CSS ทิศทาง

อ้างอิง：CSS text-orientation thuộc tính

อ้างอิง：CSS writing-mode thuộc tính