เปลี่ยนสีขอบขวาด้วย CSS (border-right-color)

คุณสมบัติ border-right-color

คุณสมบัติ border-right-color ใช้เปลี่ยนสีของขอบขวา

ตัวอย่าง

ลองรันโค้ดต่อไปนี้เพื่อนำ border-right-color ไปใช้:

<html>
  <head>
    <style>
      p.demo {
        border: 3px solid;
        border-right-color: #FF0000;
      }
    </style>
  </head>
  <body>
    <p class="demo">
      Example showing border right color property </p>
  </body>
</html>

รายละเอียด:

• ต้องมี border-style และ border-width ก่อน (หรือใช้ shorthand border)
• รองรับรูปแบบสีทั้งหมด: named, hex, rgb, hsl
• ค่าเริ่มต้น: currentColor (สีเดียวกับข้อความ)