กรอบสำหรับแต่ละด้านใน CSS

นอกจากนี้ยังมีคุณสมบัติแบบย่อสำหรับ แต่ละด้าน: border-left (กรอบซ้าย), border-right (กรอบขวา), border-top (กรอบบน), border-bottom (กรอบล่าง).

ลองกำหนดกรอบด้านซ้ายให้กับบล็อก โดยใช้คุณสมบัติ border-left:

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

css#elem {
  width: 300px;
  height: 100px;
  border-left: 1px solid red;
}

Результат:

คราวนี้ลองกำหนดกรอบทั้งด้านซ้ายและ ด้านขวาพร้อมกัน:

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

css#elem {
  width: 300px;
  height: 100px;
  border-left: 1px solid red;
  border-right: 1px solid red;
}

Результат: