CSS ชายด้านขวา

การรับรู้และการใช้งาน

คุณสมบัติซับซ้อน border-right มีความหมายว่าตั้งค่าทุกคุณสมบัติของเส้นขอบขวาในคำแถลงหนึ่ง。

คุณสมบัติที่สามารถตั้งค่าตามลำดับได้คือ：

ถ้าไม่ตั้งค่าค่าใด ๆ ก็ไม่มีปัญหา ตัวอย่างเช่น border-right:solid #ff0000; ก็เป็นที่ยอมรับ。

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

การเรียนรู้ CSS：CSS ขอบเขต

คู่มืออ้างอิง HTML DOM：คุณสมบัติ borderRight

ตัวอย่าง

ตั้งค่ารูปแบบเส้นขอบขวา：

p
  {
  border-style:solid;
  border-right:thick double #ff0000;
  }

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

CSS ภาษา

border-right: border-width border-style border-color|initial|inherit;

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

ค่า คำอธิบาย
border-right-width กำหนดความกว้างของเส้นขอบขวา。border-right-width ที่อาจมีอยู่
border-right-style กำหนดรูปแบบของเส้นขอบขวา。border-right-style ที่อาจมีอยู่
border-right-color กำหนดสีของเส้นขอบขวา。border-right-color ที่อาจมีอยู่
inherit กำหนดให้ border-right ขององค์ประกอบพ่อมีค่าตามที่กำหนดไว้。

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

ค่าปริยาย： ไม่ระบุ
การเป็นทางเลือกที่ยืนยันได้ no
รุ่นที่ CSS1
การใช้งาน JavaScript： object.style.borderRight="3px solid blue"

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

คุณสมบัติของเส้นขอบขวาทั้งหมดในคำแถลงหนึ่ง
ตัวอย่างนี้แสดงคุณสมบัติซับซ้อนซึ่งใช้เพื่อตั้งค่าทุกคุณสมบัติของเส้นขอบขวาของเฉพาะในคำแถลงหนึ่ง。

การสนับสนุนโปรแกรมนี้

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

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

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