CSS ระบุ border-left-width

การระบุและการใช้งาน

border-left-width กำหนดความกว้างของขอบซ้ายขององค์ประกอบ

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

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

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

คู่มือ:CSS ของเขตขอบ

อ้างอิง:CSS ระบุ border-left

อ้างอิง:HTML DOM ของ borderLeftWidth

ตัวอย่าง

ตั้งค่าความกว้างของขอบซ้าย:

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"。