Yksittäisten sivujen reunukset CSS:ssä

On olemassa myös lyhennysominaisuuksia yksittäisille sivuille: border-left (vasen reunus), border-right (oikea reunus), border-top (yläreunus), border-bottom (alareunus).

Tehdään elementille vain vasen reunus käyttämällä ominaisuutta border-left:

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

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

Результат:

Tehdään nyt samanaikaisesti sekä vasen että oikea reunus:

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

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

Результат: