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