Властивість скорочення для кордону на CSS

Так само, як і для шрифтів, для кордонів теж існує властивість-скорочення border, яке ми можемо використовувати замість того, щоб писати 3 різних властивостей для товщини, кольору та типу кордону. У цій властивості ми можемо просто перерахувати значення для кордону у будь-якому порядку.

Давайте подивимося на прикладі. Нехай у нас є ось такий кордон:

#elem {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	width: 300px;
	height: 100px;
}

Перепишемо її через властивість-скорочення:

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

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