CSS ระบุ border-right-width

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

border-right-width แอตทริบิวต์กำหนดความกว้างขอบขวาของสมาชิก。

มีผลเมื่อสไตล์ขอบเส้นไม่ใช่ none ตามหลักทางเทคนิค。

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

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

ตัวอย่าง CSS：CSS ขอบเขต

คู่มือ CSS：border-right แอตทริบิวต์

คู่มือ HTML DOM：borderRightWidth แอตทริบิวต์

ตัวอย่าง

ตั้งความกว้างขอบขวาของฝั่งขวาของโปรแกรมเนียมเบราเซอร์：

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

ลองเท스트เอง

ระบบการเขียน CSS

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

ค่าของแอตทริบิวต์

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

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

ค่าเริ่มต้น: medium
ความถูกต้องตามหลัก: no
เวอร์ชัน： CSS1
ระบบการเขียนโจทย์ JavaScript： 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"。