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