Σύνορα για μεμονωμένες πλευρές στο CSS

Υπάρχουν επίσης ιδιότητες-συντομογραφίες για μεμονωμένες πλευρές: border-left (αριστερό σύνορο), border-right (δεξί σύνορο), border-top (πάνω σύνορο), border-bottom (κάτω σύνορο).

Ας δημιουργήσουμε μόνο το αριστερό σύνορο στο στοιχείο χρησιμοποιώντας την ιδιότητα border-left:

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

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

Τώρα ας δημιουργήσουμε ταυτόχρονα και το αριστερό και το δεξί σύνορο:

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

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

Επαναλάβετε τη σελίδα σύμφωνα με αυτό το παράδειγμα: