ตัวอย่าง
เพิ่มเส้นขอบให้กับ <div> องค์ประกอบ:
document.getElementById("myDiv").style.border = "thick solid #0000FF"; ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
ชุดคุณสมบัติชายแดนหรือผลตอบแทนได้ถึงสามคุณสมบัติชายแดนที่แยกจากกันในรูปแบบที่จดชวเลข
ด้วยคุณสมบัตินี้คุณสามารถตั้ง / กลับหนึ่งหรือมากกว่าหนึ่งดังต่อไปนี้ (ในลำดับใด ๆ ):
- ชายแดนที่มีความกว้าง
- ชายแดนสไตล์
- ชายแดนสี
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| border | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
วากยสัมพันธ์
คืนทรัพย์สินชายแดน:
object .style.border
ตั้งค่าคุณสมบัติชายแดน:
object .style.border=" ค่าทรัพย์สิน พารามิเตอร์ ลักษณะ width กำหนดความกว้างของเส้นขอบที่ style ชุดรูปแบบของเส้นขอบ color ตั้งค่าสีของเส้นขอบที่ initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: ไม่ได้ระบุ กลับค่า: สตริงตัวแทนชายแดนกว้างสไตล์และ / หรือสีขององค์ประกอบ CSS รุ่น CSS1
ตัวอย่างอื่น ๆ
ตัวอย่าง
เปลี่ยนความกว้างสไตล์และสีของเส้นขอบของที่ <div> องค์ประกอบ:
document.getElementById("myDiv").style.border = "thin dotted red"; ลองตัวเอง»
ตัวอย่าง
กลับค่าคุณสมบัติชายแดนของ <div> องค์ประกอบ:
alert(document.getElementById("myDiv").style.border); ลองตัวเอง»
หน้าเว็บที่เกี่ยวข้อง
กวดวิชา CSS: CSS ชายแดน
อ้างอิง CSS: border property
<สไตล์วัตถุ