CSS นิยาย border-inline-end-color

定义和用法

border-inline-end-color 属性设置元素在其行内方向末端的边框颜色。

สัญญาณเตือน：要使 border-inline-end-color 属性生效，必须设置 border-inline-end-style 属性。

CSS border-inline-end-color คุณสมบัติกับ border-bottom-color、border-left-color、border-right-color และ border-top-color คุณสมบัตินี้คล้ายกันมาก border-inline-end-color คุณสมบัตินี้ขึ้นอยู่กับแนวในตรงที่

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

ตัวอย่าง

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

กำหนดสีของเขตบริเวณสุดท้ายทางด้านในของแนวในตรงที่

div {
  border-inline-end-style: solid;
  border-inline-end-color: pink;
}

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

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

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

div {
  border-inline-end-style: solid;
  writing-mode: vertical-rl;
  border-inline-end-color: blue;
}

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

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

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

div {
  direction: rtl;
  border-inline-end-color: hotpink;
}

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

ความเข้าใจภาษา CSS

border-inline-end-color: โดยเริ่มต้นคือสีปัจจุบันขององค์ประกอบ。ดูบทความดังกล่าว|โปรง|initial|inherit;

ค่าทางตัวแปร

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

การรองรับของเบราเซอร์

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

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

คู่มือ：CSS ขอบ

อ้างอิง：CSS นิยาย border

อ้างอิง：CSS นิยาย border-inline

อ้างอิง：CSS นิยาย border-inline-end-style

อ้างอิง：CSS ขอบฝั่งด้านฝั่งฝั่งสี

อ้างอิง：CSS นิยาย border-bottom-color

อ้างอิง：CSS ขอบฝั่งด้านซ้ายสี

อ้างอิง：CSS ขอบฝั่งด้านขวาสี

อ้างอิง：CSS ขอบฝั่งด้านบนสี

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

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

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