Ҳудудҳо барои тарафҳои алоҳида дар 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;
}

Результат: