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

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

ไวยากรณ์

selector {
	border-left: thickness style color;
}

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

ตัวอย่าง

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

<div id="elem"></div>

#elem {
	border-left: 2px solid black;
	background: #f9f9f9;
	width: 300px;
	height: 100px;
}

ดูเพิ่มเติม

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