CSS ขอบฝั่งฝั่งฝั่งด้านซ้าย

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

border-left คุณสมบัติย่อยจัดการคุณสมบัติของขอบซ้ายทั้งหมดในการประกาศเดียว

คุณสามารถกำหนดคุณสมบัติดังนี้ในลำดับ

ถ้าไม่ตั้งค่าค่าใด ๆ ก็ไม่มีปัญหา ตัวอย่างเช่น border-left:solid #ff0000; ก็ยังเป็นที่อนุญาต

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

คู่มือการเรียน CSS：CSS ขอบ

คู่มืออ้างอิง HTML DOM：borderLeft คุณสมบัติ

ตัวอย่าง

ตั้งค่ารูปแบบขอบซ้าย：

p
  {
  border-style:solid;
  border-left:thick double #ff0000;
  }

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

ระบบสัญลักษณ์ CSS

border-left: border-width border-style border-color|initial|inherit;

ค่าของอัตราการใช้

ค่า คำอธิบาย
border-left-width กำหนดความกว้างของขอบซ้าย。border-left-width ค่าที่เป็นไปได้ในที่สามารถใช้ได้
border-left-style กำหนดรูปแบบของขอบซ้าย。border-left-style ค่าที่เป็นไปได้ในที่สามารถใช้ได้
border-left-color กำหนดสีของขอบซ้าย。border-left-color ค่าที่เป็นไปได้ในที่สามารถใช้ได้
inherit กำหนดให้จากองค์ประกอบพ่อมีการกำหนดคุณสมบัติ border-left。

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

ค่าเริ่มต้น： not specified
การสืบทอด： no
เวอร์ชั่น： CSS1
JavaScript ระบบสัญลักษณ์： object.style.borderLeft="3px solid blue"

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

ทุกคุณสมบัติของเข้าขอบซ้ายถูกกำหนดในการประกาศเดียว
ทุกคุณสมบัติของเข้าขอบซ้ายถูกกำหนดในการประกาศเดียว

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

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

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

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