CSS รูปแบบขอบด้านท้ายตัดแนวตรง

定義和用法

border-inline-end-style 屬性設置元素在行內方向末端的邊框樣式。

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

จำเป็นต้องระวัง:คุณสมบัติ CSS ที่เกี่ยวข้อง writing-mode、text-orientation และ direction กำหนดทิศทางในแถว border-inline-end-style ผลของคุณสมบัติ。สำหรับหน้าเว็บที่ใช้ภาษาอังกฤษ ทิศทางในแถวเป็นทิศทางจากซ้ายไปขวา และทิศทางแบบบล็อคเป็นทิศทางลง

ตัวอย่าง

ตัวอย่าง 1

กำหนดรูปแบบของขอบเขตที่สิ้นสุดของทิศทางในแถวภายในอิเล็กทรอนิกส์ตัวเล็ก

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

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

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

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

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

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

ตัวอย่าง 3: ร่วมกับคุณสมบัติ direction

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

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

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

CSS ภาษา

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

ค่าของคุณสมบัติ

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

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

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

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

คู่มือ：CSS ขอบ

อ้างอิง：CSS ความยาวของเข็มขัด

อ้างอิง：CSS ความยาวขอบตัดแนวตรง

อ้างอิง：CSS รูปแบบขอบด้านท้ายตัดแนวตรง

อ้างอิง：CSS ระบุ border-inline-start-style

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

อ้างอิง：CSS ระบุ border-left-style

อ้างอิง：CSS ระบุ border-right-style

อ้างอิง：CSS ระบุ border-top-style

อ้างอิง：CSS แนวทาง

อ้างอิง：CSS text-orientation 属性

อ้างอิง：CSS writing-mode 属性