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

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

ไวยากรณ์

cssselector {
  border-left: thickness style color;
}

ลำดับของคุณสมบัติในค่าไม่สำคัญ

ตัวอย่าง

มาเพิ่มขอบด้านซ้ายสีดำให้กับองค์ประกอบ หนา 2px:

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

Результат:

ดูเพิ่มเติม

  • คุณสมบัติ border-right,
    ซึ่งกำหนดขอบด้านขวา
  • คุณสมบัติ border-top,
    ซึ่งกำหนดขอบด้านบน
  • คุณสมบัติ border-bottom,
    ซึ่งกำหนดขอบด้านล่าง
  • คุณสมบัติ border-radius,
    ซึ่งทำให้มุมขอบโค้งมน