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