Border, или box-shadow? Какое же свойство лучше использовать для создания рамок?
Ответ довольно прост — всё зависит от того, где вы вам нужно реализовать рамку.
Как по мне, свойство box-shadow
подойдёт, только если вам нужно при наведении на кнопку делать её прозрачной, сохраняя только рамку. Почему не border
? Из-за того что это свойство влияет на размеры блока, в отличие от box-shadow
.
box-shadow: inset 0 0 0 2px black;
Против
box-sizing: border-box;
border: 2px solid black;
Да и нет гарантии, что box-sizing
вам что-нибудь не испортит 😅
А во всех остальных случаях используем border
, так как это более гибкое и редактируемое свойство.