Как изменить отступ в CSS

Вы можете изменить отступы в CSS с помощью свойств margin и padding:

  1. Свойство margin задает внешние отступы элемента. Отступ может быть установлен для верхней, правой, нижней и левой сторон элемента. Значения могут быть установлены в пикселях, процентах или других единицах измерения.
/* установка отступа 10 пикселей на всех сторонах элемента */
.element {
  margin: 10px;
}

/* установка отступа 10 пикселей сверху */
.element {
  margin-top: 10px;
}

/* установка отступа 10% справа */
.element {
  margin-right: 10%;
}
  1. Свойство padding задает внутренние отступы элемента. Отступ может быть установлен для верхней, правой, нижней и левой сторон элемента. Значения могут быть установлены в пикселях, процентах или других единицах измерения.
/* установка отступа 10 пикселей на всех сторонах элемента */
.element {
  padding: 10px;
}

/* установка отступа 10 пикселей сверху */
.element {
  padding-top: 10px;
}

/* установка отступа 10% справа */
.element {
  padding-right: 10%;
}

Эти свойства могут быть использованы для создания отбивок между элементами в макете, а также для управления визуальным пространством внутри элементов. Вы можете также использовать отрицательные значения для установки отступов, в результате чего элемент будет ближе к соседним элементам.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как изменить отступ в CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали