ตัวอย่าง
การตั้งค่ารูปแบบของชายแดนด้านล่าง:
p {
border-style: solid;
border-bottom: thick dotted #ff0000;
}
ลองตัวเอง» ความหมายและการใช้งาน
สถานที่ให้บริการจดชวเลขขอบล่างทุกชุดคุณสมบัติที่ขอบด้านล่างในการประกาศ
คุณสมบัติที่สามารถตั้งค่าเป็น (in order) : ขอบล่างกว้างขอบล่างสไตล์และขอบล่างสี
มันไม่สำคัญว่าถ้าค่าใดค่าหนึ่งดังกล่าวข้างต้นจะหายไปเช่นขอบล่าง: ของแข็ง # FF0000; ได้รับอนุญาต.
| ค่าเริ่มต้น: | medium none color |
|---|---|
| รับการถ่ายทอด: | no |
| Animatable: | yes, see individual properties . Read about animatable Try it |
| เวอร์ชัน: | CSS1 |
| ไวยากรณ์ javascript: | object .style.borderBottom="3px solid blue" Try it |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| border-bottom | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
หมายเหตุ: โปรดดูการสนับสนุนเบราว์เซอร์ของแต่ละบุคคลสำหรับค่าแต่ละด้านล่าง
CSS ไวยากรณ์
border-bottom:border-widthborder-styleborder-color|initial|inherit;ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ |
|---|---|
| border-bottom-width | ระบุความกว้างของเส้นขอบด้านล่าง ค่าเริ่มต้นเป็น "medium" |
| border-bottom-style | ระบุลักษณะของเส้นขอบด้านล่าง ค่าเริ่มต้นคือ "none" |
| border-bottom-color | ระบุสีของเส้นขอบด้านล่าง ค่าเริ่มต้นเป็นสีขององค์ประกอบ |
| initial | การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
หน้าเว็บที่เกี่ยวข้อง
กวดวิชา CSS: CSS ชายแดน
อ้างอิง HTML DOM: borderBottom property