Egyedi oldalak szegélye CSS-ben

Léteznek tulajdonság-rövidítések az egyedi oldalakra is: border-left (bal szegély), border-right (jobb szegély), border-top (felső szegély), border-bottom (alsó szegély).

Készítsünk az elemnek csak bal oldali szegélyt a border-left tulajdonság segítségével:

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

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

Результат:

Most készítsük el egyszerre mind a bal, mind a jobb oldali szegélyt:

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

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

Результат: