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

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

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

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

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

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

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

.content {
  padding: 20px;
}
0 0
Познакомьтесь с основами HTML и CSS бесплатно