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

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

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

ตัวอย่าง

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

รายละเอียด:

• ต้องมี border-style และ border-width ก่อน
• รองรับรูปแบบสีทั้งหมด
• ค่าเริ่มต้น: currentColor

แก้ไขจากต้นฉบับ: คอมเมนต์เขียน "border top color" ผิด ควรเป็น "border bottom color"