Ohraničení pro jednotlivé strany v CSS

Existují také zkrácené vlastnosti pro jednotlivé strany: border-left (levé ohraničení), border-right (pravé ohraničení), border-top (horní ohraničení), border-bottom (dolní ohraničení).

Pojďme prvku nastavit pouze levé ohraničení pomocí vlastnosti border-left:

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

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

A nyní současně nastavme levé i pravé ohraničení:

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

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

Opakujte stránku podle daného vzoru: