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