สไตล์borderBottomWidthคุณสมบัติ
ตัวอย่าง
เปลี่ยนความกว้างของเส้นขอบด้านล่างของ <div> องค์ประกอบเป็น 10px:
document.getElementById("myDiv").style.borderBottomWidth = "10px";
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
คุณสมบัติ borderBottomWidth ตั้งค่าหรือคืนค่าความกว้างของเส้นขอบด้านล่างขององค์ประกอบ
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนคุณสมบัติอย่างสมบูรณ์
Property | |||||
---|---|---|---|---|---|
borderBottomWidth | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
ไวยากรณ์
ส่งคืนคุณสมบัติ borderBottomWidth:
object.style.borderBottomWidth
ตั้งค่าคุณสมบัติ borderBottomWidth:
object.style.borderBottomWidth = "thin|medium|thick|length|initial|inherit"
มูลค่าทรัพย์สิน
Value | Description |
---|---|
thin | Defines a thin border |
medium | Defines a medium border. This is default |
thick | Defines a thick border |
length | The width of the border in length units |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
รายละเอียดทางเทคนิค
ค่าเริ่มต้น: | ปานกลาง |
---|---|
คืนมูลค่า: | สตริงที่แสดงถึงความกว้างของเส้นขอบด้านล่างขององค์ประกอบ |
เวอร์ชัน CSS | CSS1 |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
เปลี่ยนความกว้างของขอบด้านล่างของ <div> องค์ประกอบเป็นแบบบาง:
document.getElementById("myDiv").style.borderBottomWidth = "thin";
ตัวอย่าง
กลับความกว้างของเส้นขอบด้านล่างของ <div> องค์ประกอบ:
alert(document.getElementById("myDiv").style.borderBottomWidth);
หน้าที่เกี่ยวข้อง
กวดวิชา CSS: CSS Border
การอ้างอิง CSS: border-bottom-width คุณสมบัติ
การอ้างอิง HTML DOM: คุณสมบัติเส้นขอบ