Свойство-сокращение для границы в 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;
}

Повторите страницу по данному образцу: