Border — เส้นขอบ
ส่วนประกอบหลัก
border-width · border-style (ต้องมีถึงมองเห็น) · border-color
.card {
border: 1px solid #cbd5e1; /* ย่อ: ความหนา รูปแบบ สี */
border-radius: 8px; /* มุมโค้ง — ไม่ใช่ชั้น box model แต่ใช้คู่กันบ่อย */
}
หมายเหตุ
ถ้าตั้งแค่สีโดยไม่มี border-style มักมองไม่เห็นขอบ
ตอนดีบักเลย์เอาต์ ใส่
border: 1px solid red; ชั่วคราวช่วยเห็นขอบกล่องได้เร็ว