Margin css как работает

Margin в CSS определяет расстояние между элементами и границей родительского элемента. Он может быть задан для всех сторон элемента (верхней, правой, нижней и левой) или для каждой из них отдельно.

Синтаксис для задания margin в CSS:

selector {
  margin: top right bottom left;
}

Где selector — это элемент HTML, для которого мы задаем внешний отступ. Параметры top, right, bottom и left — значения отступа для каждой стороны.

Например, если мы хотим задать одинаковые отступы для всех сторон, мы можем использовать следующий код:

div {
  margin: 20px;
}

Это установит отступы в 20 пикселей для всех сторон элемента div.

Мы также можем указать разные значения для каждой из сторон, используя следующий код:

div {
  margin-top: 10px;
  margin-right: 15px;
  margin-bottom: 20px;
  margin-left: 25px;
}

Это задаст отступ верху в 10 пикселей, правой стороне — 15 пикселей, низу — 20 пикселей, и левой стороне — 25 пикселей от элемента div.

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