คุณสมบัติ Style borderLeftStyle

การระบุและวิธีใช้

borderLeftStyle ตั้งค่าหรือกู้คุณสมบัติเพื่อแสดงรูปแบบของเข็มขัดด้านซ้ายขององค์ประกอบ。

ดูเพิ่มเติมที่：

ตำรา CSS：CSS ขอบ

คู่มือ CSS：คุณสมบัติ border-left-style

คู่มือ HTML DOM：คุณสมบัติ border

ตัวอย่าง

ตัวอย่าง 1

เพิ่มขอบเขตแบบ solid ให้กับองค์ประกอบ <div>:

document.getElementById("myDiv").style.borderLeftStyle = "solid";

ลองทดลองด้วยตัวเอง

ตัวอย่าง 2

เปลี่ยนรูปแบบขอบด้านซ้ายขององค์ประกอบ <div> ให้เป็น "dotted":

document.getElementById("myDiv").style.borderLeftStyle = "dotted";

ลองทดลองด้วยตัวเอง

ตัวอย่าง 3

ส่งกลับรูปแบบขอบด้านซ้ายขององค์ประกอบ <div>:

alert(document.getElementById("myDiv").style.borderLeftStyle);

ลองทดลองด้วยตัวเอง

ตัวอย่าง 4

แสดงการใช้งานสำหรับค่าที่ต่างกัน:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderLeftStyle = listValue;

ลองทดลองด้วยตัวเอง

ภาษาบอกเลข

ส่งกลับคุณสมบัติ borderLeftStyle:

object.style.borderLeftStyle

ตั้งค่าคุณสมบัติ borderLeftStyle:

object.style.borderLeftStyle = value
ค่า คำอธิบาย
none กำหนดไม่มีขอบเขต ค่าเริ่มต้น
hidden เหมือน "none" แต่ไม่นับถือถึงความขัดแย้งของขอบเขตในองค์ประกอบตาราง
dotted กำหนดขอบเขตแบบ dotted
dashed กำหนดขอบเขตแบบ dashed
solid กำหนดขอบเขตแบบ solid
double กำหนดขอบเขตสองเส้น
groove กำหนดขอบเขตแบบ 3D groove border-color ค่า
ridge กำหนดขอบเขตแบบ 3D ridge border-color ค่า
inset กำหนดขอบเขตแบบ 3D inset border-color ค่า
outset กำหนดขอบเขตแบบ 3D outset border-color ค่า
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial。
inherit มีค่านี้มาจากการสืบทอดจากองค์ประกอบพ่อของเขา โปรดดู inherit。

รายละเอียดเทคนิค

ค่าเริ่มต้น: none
ค่าที่ส่งกลับ: ข้อความที่แสดงรูปแบบของขอบด้านซ้ายขององค์ประกอบ。
เวอร์ชั่น CSS: CSS1

การสนับสนุนโปรแกรมน่าดู

เชโรม์ เอดจ์ ไฟร็อกซ์ เซฟาฟาย ออเปร่า
เชโรม์ เอดจ์ ไฟร็อกซ์ เซฟาฟาย ออเปร่า
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน