ตัวอย่าง
เปลี่ยนความกว้างของเส้นขอบด้านล่างของที่ <div> องค์ประกอบ 10px:
document.getElementById("myDiv").style.borderBottomWidth = "10px"; ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
ชุดคุณสมบัติ borderBottomWidth หรือผลตอบแทนที่ความกว้างของขอบด้านล่างของธาตุนั้น
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| borderBottomWidth | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
วากยสัมพันธ์
กลับ borderBottomWidth ทรัพย์สิน:
object .style.borderBottomWidth
ตั้ง borderBottomWidth ทรัพย์สิน:
object .style.borderBottomWidth="thin|medium|thick| ค่าทรัพย์สิน ความคุ้มค่า ลักษณะ thin กำหนดเส้นขอบบาง medium กำหนดเส้นขอบกลาง นี้จะเริ่มต้น thick กำหนดเส้นขอบหนา length ความกว้างของเส้นขอบในหน่วยความยาว initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: กลาง กลับค่า: สตริงที่เป็นตัวแทนของความกว้างของขอบด้านล่างเป็นองค์ประกอบของ CSS รุ่น CSS1
ตัวอย่างอื่น ๆ
ตัวอย่าง
เปลี่ยนความกว้างของเส้นขอบด้านล่างของที่ <div> องค์ประกอบบาง:
document.getElementById("myDiv").style.borderBottomWidth = "thin";
ลองตัวเอง»
ตัวอย่าง
กลับความกว้างของขอบด้านล่างของที่ <div> องค์ประกอบ:
alert(document.getElementById("myDiv").style.borderBottomWidth);
ลองตัวเอง»
หน้าเว็บที่เกี่ยวข้อง
กวดวิชา CSS: CSS ชายแดน
อ้างอิง CSS: border-bottom-width property
อ้างอิง HTML DOM: border property
<สไตล์วัตถุ