CSS ความกว้างลูกบอกด้านซ้าย

การนิยามและวิธีใช้

คุณสมบัติ border-left-width กำหนดความกว้างของเส้นขอบด้านซ้ายขององค์ประกอบ

มีผลเมื่อสไตล์ของเส้นขอบไม่ใช่ none. ถ้าสไตล์ของเส้นขอบเป็น none ความกว้างของเส้นขอบจะถูกตั้งค่าเป็น 0 โดยเอง. ไม่อนุญาตให้กำหนดค่ายาวเป็นลบ.

หมายเหตุ：โปรดประกาศคุณสมบัติ border-style ก่อน border-left-width ให้เป็นไปได้. องค์ประกอบที่ได้รับเส้นขอบจะสามารถเปลี่ยนความกว้างของเส้นขอบได้. ถ้าเส้นขอบเป็น none ความกว้างของเส้นขอบจะถูกตั้งค่าเป็น 0 โดยเอง. ไม่อนุญาตให้กำหนดค่ายาวเป็นลบ.

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

ตัวอย่างการสอน：CSS ของเขตขอบ

อ้างอิง：CSS ลูกบอกด้านซ้าย

อ้างอิง：HTML DOM ความกว้างของขอบด้านซ้าย ของเขตขอบ

ตัวอย่าง

ตั้งค่าความกว้างของเส้นขอบด้านซ้าย：

p
  {
  border-style:solid;
  border-left-width:15px;
  }

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

การใช้งานภาษา CSS

border-left-width: medium|thin|thick|length|initial|inherit;

ค่านิยามของทางเลือก

ค่า การอธิบาย
thin กำหนดเส้นขอบด้านซ้ายที่แบบ
medium ค่าเริ่มต้น。กำหนดเส้นขอบด้านซ้ายที่กลาง
thick กำหนดเส้นขอบด้านซ้ายที่หนา
length อนุญาตให้คุณปรับเปลี่ยนความกว้างของเส้นขอบด้านซ้าย
inherit กำหนดให้มีการสืบทอดความกว้างของเส้นขอบจากตัวอนุญาต

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

ค่าเริ่มต้น： medium
มีการสืบทอด： no
เวอร์ชั่น： CSS1
การใช้งานภาษา JavaScript： object.style.borderLeftWidth="thick"

ตัวอย่างเพิ่มเติม

ตั้งค่าความกว้างของเส้นขอบด้านซ้าย
ตัวอย่างแสดงว่าวิธีการตั้งค่าความกว้างของเส้นขอบด้านซ้าย

การสนับสนุนเบราเซอร์

ตัวเลขในตารางระบุว่าเวอร์ชั่นเบราเซอร์แรกที่สนับสนุนคุณสมบัตินี้ทั้งหมด。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

หมายเหตุ：IE7 และเวอร์ชั่นเบราเซอร์ที่เก่ากว่านั้นไม่สนับสนุนค่า "inherit"。IE8 ต้องการ !DOCTYPE。IE9 สนับสนุน "inherit"。