Grense vir Individuele Sye in CSS

Daar bestaan ook kort-eienskappe vir individuele sye: border-left (linker grens), border-right (regter grens), border-top (boonste grens), border-bottom (onderste grens).

Kom ons maak net die linker grens vir die blok met behulp van die eienskap border-left:

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

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

Результат:

En nou maak ons beide die linker en regter grense gelyktydig:

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

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

Результат: