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

กำหนดและการใช้งาน

border-right-width ประกาศกำหนดความกว้างของเส้นขอบขวาขององค์ประกอบ

มีผลเมื่อรูปแบบเส้นขอบไม่ใช่ none โดยแน่นอน หากรูปแบบเส้นขอบเป็น none ความกว้างของเส้นขอบจะถูกปลดฟื้นเป็น 0 ไม่อนุญาตให้กำหนดค่าขนาดเลยที่เป็นลบ

หมายเหตุ：ให้มั่นใจว่าจะประกาศ border-style ก่อน border-right-width ให้ได้ตามความคาดหวังของคุณ องค์ประกอบเฉพาะจะสามารถเปลี่ยนความกว้างของเส้นขอบหลังจากที่ได้รับเส้นขอบ ค่าของความกว้างของเส้นขอบจะเปลี่ยนเป็น 0 หากรูปแบบเส้นขอบเป็น none ไม่อนุญาตให้กำหนดค่าขนาดเลยที่เป็นลบ

ดูเพิ่มเติม：

ตัวอย่าง CSS ศึกษา：CSS ขอบเขต

คู่มือ CSS รองรับ：border-right ประกาศ

คู่มือ HTML DOM รองรับ：borderRightWidth ประกาศ

ตัวอย่าง

กำหนดความกว้างของเส้นขอบขวา：

p
  {
  border-style:solid;
  border-right-width:15px;
  }

ลองทดลองเอง

CSS สyntax

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

ค่าของประกาศ

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

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

ค่าเริ่มต้น： medium
นิยมการสืบทอด： no
เวอร์ชั่น： CSS1
JavaScript สyntax： object.style.borderRightWidth="thick"

ตัวอย่างเพิ่มเติม

กำหนดความกว้างของเส้นขอบขวา
ตัวอย่างนี้แสดงว่าเฉพาะยายเมื่อกำหนดความกว้างของเส้นขอบขวาของตัวอักษร。

การสนับสนุนโปรแกรมน่าติดตั้ง

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

หมายเหตุ：IE7 และเวอร์ชั่นบราวเซอร์ที่เก่ากว่านั้นไม่สนับสนุนค่า "inherit"。IE8 ต้องการ !DOCTYPE。IE9 สนับสนุน "inherit"。