CSS รูปแบบ border-left-color

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

border-left-color กำหนดสีขอบซ้ายขององค์ประกอบ

สามารถกำหนดสีแค่สีเดียว และขอบจะแสดงขึ้นเมื่อรูปแบบขอบไม่ใช่ค่า none หรือ hidden

หมายเหตุ：โปรดมีความสนใจในการประกาศค่าตัวแปร border-style ก่อน border-color สำหรับตัวปลายทาง ตัวปลายทางต้องได้รับขอบก่อนที่จะเปลี่ยนสี

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

ตัวอย่าง CSS：เขตเนื้อทาง CSS

คู่มืออ้างอิง CSS：ตัวแปร border-left

คู่มืออ้างอิง HTML DOM：ตัวแปร borderLeftColor

ตัวอย่าง

ตั้งค่าสีขอบซ้าย:

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

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

CSS ระบบการเขียน

border-left-color: color|transparent|initial|inherit;

ค่าตัวแปร

ค่า รายละเอียด
color_name กำหนดสีขอบที่มีค่าเป็นชื่อสี (เช่น red)
hex_number กำหนดสีขอบที่มีค่าเป็นหมายเลขสีทศนิยม (เช่น #ff0000)
rgb_number กำหนดสีขอบที่มีค่าเป็นรหัส rgb (เช่น rgb(255,0,0))
transparent ค่าเริ่มต้น. สีขอบเป็นโปรง
inherit กำหนดให้สืบทอดสีขอบจากตัวปลายทาง

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

ค่าเริ่มต้น： ไม่ระบุ
การสืบทอด： no
เวอร์ชั่น： CSS1
JavaScript ระบบการเขียน object.style.borderLeftColor="blue"

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

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

การสนับสนุนโปรแกรมนำทาง

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

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

หมายเหตุ：Internet Explorer 6 (และเวอร์ชั่นที่เก่ากว่า) ไม่สนับสนุนค่าตัวแปร "transparent"。

หมายเหตุ：Internet Explorer 7 และเวอร์ชั่นที่เก่ากว่าไม่สนับสนุนค่า "inherit"。Internet Explorer 8 ต้องการ !DOCTYPE。Internet Explorer 9 สนับสนุน "inherit"。

" -->