🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Доступно в Baseline в статусе «Widely Available» с 2018-01-29

Отступы в CSS — это пространство между границей элемента и его содержимым. Свойство padding позволяет задать внутренний отступ со всех сторон одним разом или отдельно — padding-top, padding-right, padding-bottom, padding-left. Это удобно, когда нужно управлять внутренним пространством, не затрагивая размеры границ или внешних элементов.

Пример использования:

.box {
  padding: 10px 20px 30px 40px; /* верх, право, низ, лево */
}

Если указать одно значение — оно применится ко всем сторонам:

.box {
  padding: 15px; /* одинаковый отступ со всех сторон */
}

Больше обзоров веб-функций — в телеграм-канале HTML Academy.

Нашли ошибку или опечатку? Напишите нам.