คุณสมบัติ border

คุณสมบัติ border กำหนดสี รูปแบบ และ ความหนาของเส้นขอบสำหรับทุกด้านพร้อมกัน เป็นคุณสมบัติแบบย่อสำหรับ border-width, border-style และ border-color แตกต่างจากคุณสมบัติที่ถูกย่อคือไม่สามารถ กำหนดเส้นขอบที่ต่างกันสำหรับ 4 ด้าน ได้พร้อมกัน แต่กำหนดได้เหมือนกันสำหรับทุกด้านเท่านั้น

ไวยากรณ์

selector {
	border: thickness style color;
}

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

ตัวอย่าง

มาสร้างเส้นขอบสีดำให้กับองค์ประกอบที่มีความหนา 1px:

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

#elem {
	border: 1px solid black;
	width: 300px;
	height: 100px;
}

ดูเพิ่มเติม

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