CSS รายการ border-right-color

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

border-right-color กำหนดสีขอบเข็มมือขวาของตัวเศษ

สามารถกำหนดเพียงสีแค่นี้ และเพียงเมื่อรูปแบบของขอบเส้นเป็นค่าที่ไม่ใช่ none หรือ hidden มาเท่านั้น ขอบเส้นจึงจะทำงานได้

หมายเหตุ：อยู่ฝ่ายหลังเสมอที่คุณต้องการประกาศคุณสมบัติ border-style ก่อน border-color ตัวเศษ ตัวเศษต้องได้รับขอบรุ้งก่อนที่จะเปลี่ยนสี

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

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

คู่มืออ้างอิง CSS：border-right ตัวแปร

คู่มืออ้างอิง HTML DOM：borderRightColor ตัวแปร

ตัวอย่าง

ตั้งสีของเข็มมือขวา:

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

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

ระบบภาษา CSS

border-right-color: color|transparent|initial|inherit;

ค่าตัวแปร

ค่า คำอธิบาย
color_name กำหนดสีขอบรุ้งด้วยชื่อสี รวมทั้ง red
hex_number กำหนดสีขอบรุ้งด้วยค่าเซ็กซ์ทีนเจ็ด รวมทั้ง #ff0000
rgb_number กำหนดสีขอบรุ้งด้วยรหัส rgb รวมทั้ง rgb(255,0,0)
transparent ค่าเริ่มต้น. สีขอบรุ้งคือโปร่ง
inherit กำหนดให้ขอบรุ้งตามที่สืบทอดมาจากตัวเศษแม่

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

ค่าเริ่มต้น: not specified
มีความสามารถตามทางเดินของพ่อแม่: no
เวอร์ชั่น： CSS1
ระบบทางภาษา JavaScript： object.style.borderRightColor="blue"

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

ตั้งสีของเข็มมือขวา
ตัวอย่างนี้แสดงวิธีการตั้งสีของเข็มมือขวา

การสนับสนุนเบราเซอร์

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

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

หมายเหตุ：Internet Explorer 6 (และรุ่นที่เก่ากว่า) ไม่สนับสนุนค่าตัวแปร "transparent"。

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