CSS สีขอบด้านซ้าย รายละเอียด
- หน้าก่อน border-left
- หน้าต่อไป border-left-style
กำหนดและใช้งาน
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 สyntax
border-left-color: color|transparent|initial|inherit;
ค่าของตัวแปร
| ค่า | คำอธิบาย |
|---|---|
| color_name | กำหนดสีของเข็มฝั่งด้วยชื่อสี (เช่น red) |
| hex_number | กำหนดสีของเข็มฝั่งด้วยค่าเฮกซาทีทริก (เช่น #ff0000) |
| rgb_number | กำหนดสีของเข็มฝั่งด้วยรหัส rgb (เช่น rgb(255,0,0)) |
| transparent | ค่าเริ่มต้น。สีของเข็มฝั่งเป็นโปรง |
| inherit | กำหนดให้สืบทอดสีของเข็มฝั่งจากองค์ประกอบพ่อ |
รายละเอียดเทคนิค
| ค่าเริ่มต้น： | not specified |
|---|---|
| ฐานะการสืบทอด： | no |
| รุ่น： | CSS1 |
| JavaScript สyntax： | 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"。IE8 ต้องการ !DOCTYPE。IE9 สนับสนุน "inherit"。
- หน้าก่อน border-left
- หน้าต่อไป border-left-style
