Atskirų kraštinių rėmeliai CSS

Taip pat yra sutrumpintos savybės atskiroms kraštinėms: border-left (kairysis rėmelis), border-right (dešinysis rėmelis), border-top (viršutinis rėmelis), border-bottom (apatinis rėmelis).

Padarykime elementui tik kairįjį rėmelį naudodami savybę border-left:

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

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

Результат:

O dabar vienu metu padarykime ir kairįjį, ir dešinįjį rėmelius:

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

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

Результат: