Σύνορα για μεμονωμένες πλευρές στο 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;
}

Результат: