Главная | Все статьи | Дневник студента

Баттл: 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
Рекомендуемые программы
профессия
от 25 000 ₸ в месяц
Разработка фронтенд-компонентов для веб-приложений
10 месяцев
с нуля
Старт 28 ноября
профессия
от 25 000 ₸ в месяц
Разработка веб-приложений на Django
10 месяцев
с нуля
Старт 28 ноября
профессия
от 14 960 ₸ в месяц
Ручное тестирование веб-приложений
4 месяца
с нуля
Старт 28 ноября
профессия
от 25 000 ₸ в месяц
Разработка приложений на языке Java
10 месяцев
с нуля
Старт 28 ноября
профессия
от 24 542 ₸ в месяц
новый
Сбор, анализ и интерпретация данных
9 месяцев
с нуля
Старт 28 ноября
профессия
от 25 000 ₸ в месяц
Разработка веб-приложений на Laravel
10 месяцев
с нуля
Старт 28 ноября
профессия
от 28 908 ₸ в месяц
Создание веб-приложений со скоростью света
5 месяцев
c опытом
Старт 28 ноября
профессия
от 39 525 ₸ в месяц
Разработка фронтенд- и бэкенд-компонентов для веб-приложений
16 месяцев
с нуля
Старт 28 ноября
профессия
от 25 000 ₸ в месяц
Разработка бэкенд-компонентов для веб-приложений
10 месяцев
с нуля
Старт 28 ноября
профессия
новый
Автоматизированное тестирование веб-приложений на JavaScript
8 месяцев
c опытом
Старт 28 ноября