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

Баттл: 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
Рекомендуемые программы
профессия
от 6 300 ₽ в месяц
Разработка фронтенд-компонентов для веб-приложений
10 месяцев
с нуля
Старт 25 апреля
профессия
от 6 300 ₽ в месяц
Разработка веб-приложений на Django
10 месяцев
с нуля
Старт 25 апреля
профессия
от 6 183 ₽ в месяц
Ручное тестирование веб-приложений
4 месяца
с нуля
Старт 25 апреля
профессия
от 6 300 ₽ в месяц
Разработка приложений на языке Java
10 месяцев
с нуля
Старт 25 апреля
профессия
от 5 025 ₽ в месяц
новый
Сбор, анализ и интерпретация данных
9 месяцев
с нуля
Старт 25 апреля
профессия
от 6 300 ₽ в месяц
Разработка веб-приложений на Laravel
10 месяцев
с нуля
Старт 25 апреля
профессия
от 5 840 ₽ в месяц
Создание веб-приложений со скоростью света
5 месяцев
c опытом
Старт 25 апреля
профессия
от 9 900 ₽ в месяц
Разработка фронтенд- и бэкенд-компонентов для веб-приложений
16 месяцев
с нуля
Старт 25 апреля
профессия
от 6 300 ₽ в месяц
Разработка бэкенд-компонентов для веб-приложений
10 месяцев
с нуля
Старт 25 апреля
профессия
новый
Автоматизированное тестирование веб-приложений на JavaScript
8 месяцев
c опытом
в разработке
Старт 25 апреля
профессия
Верстка с использованием последних стандартов CSS
5 месяцев
с нуля
Старт в любое время