ตัวอย่าง
เพิ่ม "solid" เส้นขอบด้านบนไป <div> องค์ประกอบ:
document.getElementById("myDiv").style.borderTopStyle = "solid"; ลองตัวเอง» ความหมายและการใช้งาน
ชุดคุณสมบัติ borderTopStyle หรือผลตอบแทนรูปแบบของเส้นขอบด้านบนของธาตุนั้น
สนับสนุนเบราว์เซอร์
สถานที่ให้บริการ borderTopStyle รับการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด
วากยสัมพันธ์
กลับ borderTopStyle ทรัพย์สิน:
object .style.borderTopStyle
ตั้ง borderTopStyle ทรัพย์สิน:
object .style.borderTopStyle= value |initial|inherit
ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ |
|---|---|
| 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.borderTopStyle = "dotted";
ลองตัวเอง» ตัวอย่าง
กลับลักษณะเส้นขอบด้านบนของ <div> องค์ประกอบ:
alert(document.getElementById("myDiv").style.borderTopStyle); ลองตัวเอง» ตัวอย่าง
การสาธิตของค่าที่แตกต่างกัน:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderTopStyle = listValue; ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
กวดวิชา CSS: CSS ชายแดน
อ้างอิง CSS: border-top-style property
อ้างอิง HTML DOM: border property
<สไตล์วัตถุ