Kantlinjer för enskilda sidor i CSS

Det finns även genvägsegenskaper för enskilda sidor: border-left (vänster kantlinje), border-right (höger kantlinje), border-top (övre kantlinje), border-bottom (nedre kantlinje).

Låt oss skapa enbart en vänster kantlinje för ett block med hjälp av egenskapen border-left:

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

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

Och nu skapar vi samtidigt både vänster och höger kantlinjer:

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

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

Återskapa sidan enligt följande exempel: