CSS ความกว้างขอบด้านขวา

หน้าก่อน border-inline-end-style
หน้าต่อไป border-inline-start

คำนิยามและวิธีใช้

border-inline-end-width เส้นเข้มของช่องทางระยะแรกในทิศทางระยะทางแนวตรงของบรรทัด

หมายเหตุ:เพื่อ border-inline-end-width คุณสมบัติมีผล border-inline-end-style คุณสมบัติ.

CSS border-inline-end-width คุณสมบัตินี้เกี่ยวข้องกับ border-bottom-width、border-left-width、border-right-width และ border-top-width เหมือนกันอย่างมาก แต่ border-inline-end-width คุณสมบัตินี้ขึ้นอยู่กับทิศทางในแถวภายใน.

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

ตัวอย่าง

ตัวอย่าง 1

ตั้งค่าความหนาของเขตขอบที่จุดสิ้นสุดของทิศทางในแถวภายใน:

div {
  border-inline-end-style: solid;
  border-inline-end-width: 10px;
}

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

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

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

div {
  border-inline-end-style: solid;
  writing-mode: vertical-rl;
  border-inline-end-width: 5px;
}

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

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

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

div {
  direction: rtl;
  border-inline-end-width: 10px;
}

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

CSS ภาษา

border-inline-end-width: medium|thin|thick|length|initial|inherit;

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

ค่า	คำอธิบาย
medium	กำหนดเขตขอบปานกลาง. ค่าเริ่มต้น.
thin	กำหนดเขตขอบบาง
thick	กำหนดเขตขอบหนา
length	อนุญาตให้คุณหมายเหตุความหนาของเขตขอบ. อ่านต่อ:หน่วยเมตร CSS.
initial	ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น. อ่านต่อ: initial.
inherit	สืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของมัน. อ่านต่อ: inherit.

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

ค่าเริ่มต้น:	medium
การสืบทอด:	ไม่
การสร้างอนุปราย:	สนับสนุน. อ่านต่อ:คุณสมบัติที่เกี่ยวข้องกับอนุปราย.
รุ่น:	CSS3
JavaScript ภาษา:	object.style.borderInlineEndWidth="10px"