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

Результат: