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

คุณสมบัติ border-top-color กำหนด สีของเส้นขอบบน ค่าของคุณสมบัตินี้สามารถเป็น หน่วยสำหรับสี ใดๆ ก็ได้ ค่าเริ่มต้น: สีเดียวกันกับข้อความของบล็อก

ไวยากรณ์

cssตัวเลือก {
  border-top-color: สี;
}

ตัวอย่าง

มากำหนดเส้นขอบบนให้มีสีแดง:

html<div id="elem"></div>
css#elem {
  border-top-color: red;
  border-top-width: 1px;
  border-top-style: solid;
  
  background: #f9f9f9;
  width: 300px;
  height: 100px;
}

Результат:

ดูเพิ่มเติม

  • คุณสมบัติ border-top-style,
    ซึ่งกำหนดประเภทของเส้นขอบบน
  • คุณสมบัติ border-top-width,
    ซึ่งกำหนดความหนาของเส้นขอบบน
  • คุณสมบัติ border-top,
    ซึ่งกำหนดเส้นขอบสำหรับด้านบน
  • คุณสมบัติ border-width,
    ซึ่งกำหนดความหนาของเส้นขอบทุกด้าน