Style borderBottom 属性
- หน้าก่อน border
- หน้าต่อไป borderBottomColor
- กลับไปยังด้านบน เป้าหมาย HTML DOM Style
คำนิยามและวิธีใช้
borderBottom คุณสมบัตินี้สามารถตั้งค่าหรือคืนค่าในรูปแบบย่อสั้นสำหรับสามคุณสมบัติ border-bottom โดยเดียว
ด้วยคุณสมบัตินี้ คุณสามารถตั้งค่า/คืนค่าคุณสมบัติดังนี้ (ในลำดับที่ใดก็ได้):
ดูเพิ่มเติม:
ตัวอย่าง CSS:เขตเบื้องด้านล่างของ CSS
คู่มือ CSS:คุณสมบัติ border-bottom
คู่มือ HTML DOM:คุณสมบัติ border
ตัวอย่าง
ตัวอย่าง 1
เพิ่มเข็มขัดด้านล่างให้กับ <div>:
document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";
ตัวอย่าง 2
เปลี่ยนความกว้าง、รูปแบบและสีของเข็มขัดด้านล่างของ <div>:
document.getElementById("myDiv").style.borderBottom = "thin dotted red";
ตัวอย่าง 3
คืนค่าคุณสมบัติ border-bottom ของ <div>:
alert(document.getElementById("myDiv").style.borderBottom);
ศัพท์
คืนค่าคุณสมบัติ borderBottom:
object.style.borderBottom
ตั้งค่าคุณสมบัติ borderBottom:
object.style.borderBottom = "width style color|initial|inherit"
ค่าคุณสมบัติ
| ค่า | คำอธิบาย |
|---|---|
| width | ตั้งค่าความกว้างของเข็มขัดด้านล่าง |
| style | ตั้งค่ารูปแบบของเข็มขัดด้านล่าง |
| color | ตั้งค่าสีของเข็มขัดด้านล่าง |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าปริยายของมัน。โปรดดู initial. |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของมัน。โปรดดู inherit. |
รายละเอียดเทคนิค
| ค่าปริยาย: | ไม่ระบุ |
|---|---|
| ค่าที่คืนค่า: | ข้อความตัวอักษรที่แสดงความกว้าง、รูปแบบและ/หรือสีของเข็มขัดด้านล่างขององค์ประกอบ。 |
| เวอร์ชั่น CSS: | CSS1 |
การสนับสนุนโปรแกรมน่าสนใจ
ตัวเลขในตารางนี้ระบุเวอร์ชั่นบราวเซอร์ที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- หน้าก่อน border
- หน้าต่อไป borderBottomColor
- กลับไปยังด้านบน เป้าหมาย HTML DOM Style
