Так а зачем использовать birder-width и birder-color когда я могу просто указать ширину и цвет как border: 8px solid red ?

Question

Целесообразность применения свойств

Answer 1

Привет, а вдруг тебе придётся изменить цвет или ширину у какого-нибудь элемента.
Например div > .block
div {
border: 8px solid red;
}
.block {
border-width: 3px;
}
В таком случае использовать border-width будет правильно, читабельность кода. А так в других ситуациях можно использовать border.

Такая же ситуация и с background. Ну, допустим хотим поставить фон на элемент:
div {
width: 50%;
height: 50%;
background: url("ссылка"), no-repeat; /*no-repeat - запретить картинке размножаться по ширине и высоте блока*/
}
А можно было применить background-repeat: no-repeat.

В CSS много свойств и все они необходимы для вёрстки. Использование свойств правильно и по назначению даст огромные плюсы, как и в оптимизации сайта, так и seo-продвижении!

Answer 2

Вот это я понимаю ответ 👍