Кордон для окремих сторін на CSS

Існують також властивості-скорочення для окремих сторін: border-left (ліва межа), border-right (права межа), border-top (верхня межа), border-bottom (нижня межа).

Давайте зробимо блоку лише ліву межу за допомогою властивості border-left:

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

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

А тепер одночасно зробимо і ліву, і праву межі:

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

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

Повторіть сторінку за цим зразком: