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