Как сделать внутренний отступ в css

4 года назад

Человек-Молекула

Ответы

Внутренний отступ от границы блока задаётся с помощью свойства padding. Синтаксис следующий:

padding: [значение | проценты]

Можно использовать одно, два или четыре значения. Они разделяются между собой пробелами. Результат зависит от количества значений.

Число значений	Результат
1	Поля будут установлены одновременно от каждого края элемента.
2	Первое значение устанавливает поля от верхнего и нижнего края, второе — от левого и правого.
3	Первое значение задает поле от верхнего края, второе — одновременно от левого и правого края, а третье — от нижнего края.
4	Поочередно устанавливается поля от верхнего, правого, нижнего и левого края.

Вот таким образом можно установить отступ одновременно для каждого края блока:

.content {
  padding: 20px;
}

3 года назад

Roman Ashikov

1 месяц

Позиционирование в CSS

Навык разработки адаптивных интерфейсов, позволяющий создавать удобные и функциональные решения для различных устройств

5 месяцев

Профессиональная верстка

Навык адаптивной вёрстки с современными подходами для корректного отображения сайтов на любых устройствах и разрешениях

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

1 месяц

Основы веб-разработки

Основы HTML, CSS, блочная модель, основы Javascript, синтаксис, арифметика, условия, циклы, функции, поиск ошибок

1 месяц

SASS

Навык работы с препроцессором SASS для эффективной и структурированной стилизации веб-приложений

Похожие вопросы