Поддержим ваш первый шаг:
-10% на профессии и специальные условия до 12 мая
Главная | Все статьи | Дневник студента

Баттл: Border vs box-shadow

Время чтения статьи ~1 минута
Статья написана студентом Хекслета. Мнение автора может не совпадать с позицией редакции
Баттл: Border vs box-shadow главное изображение

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, так как это более гибкое и редактируемое свойство.

Аватар пользователя Шахзод Давлатов
Шахзод Давлатов 20 октября 2021
0
Больше интересного в нашем Telegram-канале
Картинка баннера
Похожие статьи
Поможем с выбором
Если у вас есть вопросы о формате или вы не знаете, что выбрать, оставьте свой номер — мы позвоним и ответим на все вопросы
Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»