คุณสมบัติ border-left-color

คุณสมบัติ border-left-color กำหนด สีของเส้นขอบด้านซ้าย ค่าของคุณสมบัติสามารถเป็น หน่วยกำหนดสี ใดๆ ก็ได้ ค่าเริ่มต้น: สีเดียวกับข้อความของบล็อก

ไวยากรณ์

cssselector {
  border-left-color: color;
}

ตัวอย่าง

มากำหนดเส้นขอบด้านซ้ายสีแดง:

html<div id="elem"></div>
css#elem {
  border-left-color: red;
  border-left-width: 1px;
  border-left-style: solid;
  
  background: #f9f9f9;
  width: 300px;
  height: 100px;
}

Результат:

ดูเพิ่มเติม

  • คุณสมบัติ border-left-style,
    ซึ่งกำหนดประเภทของเส้นขอบด้านซ้าย
  • คุณสมบัติ border-right-style,
    ซึ่งกำหนดสไตล์ของเส้นขอบด้านขวา
  • คุณสมบัติ border-right-color,
    ซึ่งกำหนดสีของเส้นขอบด้านขวา
  • คุณสมบัติ border-left-width,
    ซึ่งกำหนดความหนาของเส้นขอบด้านซ้าย
  • คุณสมบัติ border-left,
    ซึ่งกำหนดเส้นขอบสำหรับด้านซ้าย
  • คุณสมบัติ border-width,
    ซึ่งกำหนดความหนาของเส้นขอบทุกด้าน