คุณสมบัติ borderLeft สไตล์
- หน้าก่อน borderImageWidth
- หน้าต่อไป borderLeftColor
- กลับไปหน้าเดิม ตัวแปร HTML DOM Style
การกำหนดและการใช้งาน
borderLeft คุณสมบัติสามารถตั้งค่าหรือคืนค่าคุณสมบัติเข็มขัดด้านซ้ายโดยรูปแบบสั้นที่สุด
ผ่านการตั้งค่าคุณสมบัตินี้ คุณสามารถตั้งค่า หรือคืนค่าคุณสมบัติต่างๆ หลายรายการ (โดยเลือกลำดับอย่างอื่น)
ดูเพิ่มเติม:
คู่มือ CSS:CSS ขอบ
คู่มือ CSS:คุณสมบัติ border-left
คู่มือ HTML DOM:คุณสมบัติ border
ตัวอย่าง
ตัวอย่าง 1
เพิ่มเข็มขัดด้านซ้ายให้กับองค์ประกอบ <div>:
document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";
ตัวอย่าง 2
เปลี่ยนความกว้าง รูปแบบ และสีของเข็มขัดด้านซ้ายขององค์ประกอบ <div>:
document.getElementById("myDiv").style.borderLeft = "thin dotted red";
ตัวอย่าง 3
คืนค่าของคุณสมบัติ border-left ขององค์ประกอบ <div>:
alert(document.getElementById("myDiv").style.borderLeft);
การใช้งาน
คืนค่าคุณสมบัติ borderLeft:
object.style.borderLeft
ตั้งค่าคุณสมบัติ borderLeft:
object.style.borderLeft = "width style color|initial|inherit"
ค่าของคุณสมบัติ
| ค่า | รายละเอียด |
|---|---|
| width | ตั้งค่าความกว้างของเข็มขัดด้านซ้าย |
| style | ตั้งค่ารูปแบบของเข็มขัดด้านซ้าย |
| color | ตั้งค่าสีของเข็มขัดด้านซ้าย |
| initial。 | ตั้งค่าคุณสมบัตินี้เป็นค่าปริยาย โปรดดู initial. |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของมัน โปรดดู inherit. |
รายละเอียดเทคนิค
| ค่าปริยาย: | ไม่เสนอ |
|---|---|
| ค่าที่คืนค่า: | ตัวเลข แสดงความกว้าง รูปแบบ และ/หรือ สีของเข็มขัดด้านซ้ายขององค์ประกอบ。 |
| รุ่น CSS: | CSS1 |
การสนับสนุนโปรแกรมนี้
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน |
- หน้าก่อน borderImageWidth
- หน้าต่อไป borderLeftColor
- กลับไปหน้าเดิม ตัวแปร HTML DOM Style
