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

คุณสมบัติ border-top-width กำหนดความหนาของ ขอบด้านบน ค่าของคุณสมบัตินี้สามารถเป็น หน่วย สำหรับขนาด ใด ๆ ก็ได้ ยกเว้นเปอร์เซ็นต์ หรือเป็นคำสำคัญ thin (ขอบหนา 2 พิกเซล) medium (ขอบหนา 4 พิกเซล) หรือ thick (ขอบหนา 6 พิกเซล) ค่าเริ่มต้นคือ medium

ไวยากรณ์

cssselector {
  border-top-width: value;
}

ตัวอย่าง

มากำหนดขอบบนที่มีความหนาหนึ่งพิกเซล:

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

Результат:

ดูเพิ่มเติม

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