ตัวอย่าง
เพิ่ม "solid" ขอบด้านล่างไปยัง <div> องค์ประกอบ:
document.getElementById("myDiv").style.borderBottomStyle = "solid"; ลองตัวเอง» ความหมายและการใช้งาน
ชุดคุณสมบัติ borderBottomStyle หรือผลตอบแทนรูปแบบของเส้นขอบด้านล่างของธาตุนั้น
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| borderBottomStyle | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
หมายเหตุ: ค่า "hidden" ไม่ได้รับการสนับสนุนใน IE7 และรุ่นก่อนหน้า IE9 และการสนับสนุนในภายหลัง "hidden"
วากยสัมพันธ์
กลับ borderBottomStyle ทรัพย์สิน:
object .style.borderBottomStyle
ตั้ง borderBottomStyle ทรัพย์สิน:
object .style.borderBottomStyle= value ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ |
|---|---|
| none | กำหนดไม่มีพรมแดน นี้จะเริ่มต้น |
| hidden | เช่นเดียวกับ "none" ยกเว้นในการแก้ไขความขัดแย้งชายแดนสำหรับองค์ประกอบของตาราง |
| dotted | กำหนดชายแดนประ |
| dashed | กำหนดชายแดนประ |
| solid | กำหนดเส้นขอบที่เป็นของแข็ง |
| double | กำหนดสองพรมแดน ความกว้างของทั้งสองเส้นขอบเป็นเช่นเดียวกับค่าชายแดนกว้าง |
| groove | กำหนดเส้นขอบ 3D ร่อง ผลขึ้นอยู่กับค่าขอบสี |
| ridge | กำหนดเส้นขอบยับ 3D ผลขึ้นอยู่กับค่าขอบสี |
| inset | กำหนดเส้นขอบภาพประกอบ 3 มิติ ผลขึ้นอยู่กับค่าขอบสี |
| outset | กำหนดเส้นขอบเริ่ม 3D ผลขึ้นอยู่กับค่าขอบสี |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
รายละเอียดทางเทคนิค
| ราคาเริ่มต้น: | ไม่มี |
|---|---|
| กลับค่า: | สตริงที่เป็นตัวแทนของรูปแบบของเส้นขอบด้านล่างเป็นองค์ประกอบของ |
| CSS รุ่น | CSS1 |
ตัวอย่างอื่น ๆ
ตัวอย่าง
เปลี่ยนรูปแบบของเส้นขอบด้านล่างของที่ <div> องค์ประกอบ "dotted" :
document.getElementById("myDiv").style.borderBottomStyle = "dotted";
ลองตัวเอง» ตัวอย่าง
กลับลักษณะเส้นขอบด้านล่างของ <div> องค์ประกอบ:
alert(document.getElementById("myDiv").style.borderBottomStyle); ลองตัวเอง» ตัวอย่าง
การสาธิตของค่าที่แตกต่างกัน:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue; ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
กวดวิชา CSS: CSS ชายแดน
อ้างอิง CSS: border-bottom-style property
อ้างอิง HTML DOM: border property
<สไตล์วัตถุ