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;
}

Результат: