BLACK FRIDAY

осталось 2 дня

Скидка 10% и подарок на выбор — при покупке одной программы
При покупке двух программ  — вторая со скидкой 50%

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

Ответы
Аватар пользователя Roman Ashikov
Roman Ashikov
17 августа 2022

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

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

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

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

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

.content {
  padding: 20px;
}
Добавьте ваш ответ

Рекомендуемые курсы

позиционирование
HTML-элементы
CSS3
вёрстка
9 часов
Посмотреть
CSS3
HTML5
селекторы
Доступность
18 часов
Посмотреть
HTML
Pug
Миксины
Шаблонизатор
9 часов
Посмотреть