ตัวอย่าง
การตั้งค่ารูปแบบของเส้นขอบด้านบน:
p
{
border-style: solid;
border-top-style: dotted;
}
ลองตัวเอง» ความหมายและการใช้งาน
คุณสมบัติชายแดนด้านบนแบบชุดรูปแบบของเส้นขอบด้านบนเป็นองค์ประกอบของ
| ค่าเริ่มต้น: | none |
|---|---|
| รับการถ่ายทอด: | no |
| Animatable: | no. Read about animatable |
| เวอร์ชัน: | CSS1 |
| ไวยากรณ์ javascript: | object .style.borderTopStyle="dashed" Try it |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| border-top-style | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
Note: ค่า "hidden" ไม่ได้รับการสนับสนุนใน IE7 และก่อนหน้านี้ IE8 ต้องมี! DOCTYPE IE9 และการสนับสนุนในภายหลัง "hidden"
CSS ไวยากรณ์
border-top-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ | เล่น |
|---|---|---|
| none | ระบุไม่มีพรมแดน นี้จะเริ่มต้น | เล่น " |
| hidden | เช่นเดียวกับ "none" ยกเว้นในการแก้ไขความขัดแย้งชายแดนสำหรับองค์ประกอบของตาราง | เล่น " |
| dotted | ระบุชายแดนประ | เล่น " |
| dashed | ระบุชายแดนประ | เล่น " |
| solid | ระบุชายแดนที่เป็นของแข็ง | เล่น " |
| double | ระบุขอบคู่ | เล่น " |
| groove | ระบุชายแดน 3D ร่อง ผลกระทบที่เกิดขึ้นอยู่กับค่าขอบสี | เล่น " |
| ridge | ระบุชายแดนยับ 3D ผลกระทบที่เกิดขึ้นอยู่กับค่าขอบสี | เล่น " |
| inset | ระบุชายแดนภาพประกอบ 3 มิติ ผลกระทบที่เกิดขึ้นอยู่กับค่าขอบสี | เล่น " |
| outset | ระบุชายแดนเริ่มแรก 3D ผลกระทบที่เกิดขึ้นอยู่กับค่าขอบสี | เล่น " |
| initial | การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น | เล่น " |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
หน้าเว็บที่เกี่ยวข้อง
กวดวิชา CSS: CSS ชายแดน
อ้างอิง CSS: border-top property
อ้างอิง HTML DOM: borderTopStyle property