Margin (в переводе с английского — отступ) в CSS — это свойство, которое задает расстояние вокруг элемента, то есть дистанцию между границей элемента и его окружением. Оно позволяет создавать отступы между элементами, их границами и другими элементами на веб-странице.
Свойство margin можно задавать четырьмя значениями, чтобы изменять отступ вокруг элемента по часовой стрелке, начиная от верхнего значения. Также можно задать только одно значение, чтобы установить одинаковый отступ со всех сторон.
Некоторые примеры использования свойства margin в CSS:
/* Установить одинаковый отступ для всех сторон */
.element {
margin: 10px;
}
/* Установить отступ по часовой стрелке */
.element {
margin: 10px 20px 30px 40px;
}
/* Установить отступ только для верхней и нижней сторон */
.element {
margin: 10px 0;
}
С помощью свойства margin можно создавать различные компоновки элементов на веб-странице, изменять отступы между элементами и их окружением. Важно помнить, что значение отступа должно быть указано в пикселях, процентах или других допустимых единицах измерения.