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:

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

#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:

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

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

Ismételje meg az oldalt a következő minta szerint: