Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

การใช้งานคุณสมบัติ border-bottom-color ใน CSS


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

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

ตัวอย่าง

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

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

รายละเอียด:

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

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