Mpaka kwa Pande Mbalimbali katika CSS

Kuna pia sifa za kifupi za pande binafsi: border-left (mpaka wa kushoto), border-right (mpaka wa kulia), border-top (mpaka wa juu), border-bottom (mpaka wa chini).

Wacha tufanye kipengele kiwe na mpaka wa kushoto pekee kwa kutumia sifa border-left:

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

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

Результат:

Sasa wakati huo huo tufanye mipaka ya kushoto na ya kulia:

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

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

Результат: