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

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

ไวยากรณ์

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

ตัวอย่าง

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

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

Результат:

ดูเพิ่มเติม

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