กำหนดสีขอบด้วย CSS (border-color)

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

คุณสมบัติ border-color ระบุสีของขอบ ลองรันโค้ดต่อไปนี้เพื่อนำ border-color property ไปใช้:

ตัวอย่าง

<html>
  <head>
    <style>
      p.demo {
        border: 2px dashed;
        border-color: #800000;
      }
    </style>
  </head>
  <body>
    <p class="demo">
      David Beckham is a legend. </p>
  </body>
</html>

รายละเอียด:

• รับค่าสีทุกรูปแบบ: named, hex, rgb, hsl, transparent
• สามารถระบุ 1-4 ค่า (top, right, bottom, left)
• ค่าเริ่มต้น: currentColor (สีเดียวกับข้อความ)
• ต้องมี border-style ไม่ใช่ none ถึงจะเห็น