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

คุณสมบัติ border-top-style กำหนดรูปแบบ ของเส้นขอบด้านบน ค่าของคุณสมบัติจะเป็น ค่าแบบเดียวกับในคุณสมบัติ border-style

ไวยากรณ์

cssตัวเลือก {
  border-top-style: ค่า;
}

ตัวอย่าง

มากำหนดเส้นขอบด้านบนประเภท dashed:

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

Результат:

ดูเพิ่มเติม

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