Свойство margin в CSS

определяет внешние отступы

Устанавливает внешние отступы у элемента со всех сторон. Внешний отступ находится за рамкой элемента.

Это короткая запись четырех свойств:
margin-top, margin-right, margin-bottom, margin-left.

Если у margin задано четыре значения, например margin: 10px 20px 30px 40px;, они задают отступ от верхней 10px, правой 20px, нижней 30px и левой 40px границы соответственно.

Если у margin задано три значения, например margin: 10px 20px 30px;, они задают отступ от верхней 10px, правой и левой 20px, нижней 30px границы соответственно.

Если у margin задано два значения, например margin: 10px 20px;, они задают отступ от верхней и нижней 10px, правой и левой 20px границы соответственно.

Если у margin задано одно значение, например margin: 10px;, оно задает отступ от всех границ: верхней, правой, нижней и левой границы по 10px.

Примеры

Значения

Значение Описание
число По умолчанию 0. Внешний отступ в единицах измерения (px, em и других).
проценты Внешний отступ в процентах от родительского блока.
auto Внешний отступ выбирает браузер, часто используется для центрирования элемента.
inherit Наследует значение родительского блока.
initial Устанавливает значение по умолчанию.

Поддержка браузерами

НастольныеМобильные
Chrome
Edge
Firefox
IE
Opera
Safari
Chrome
Firefox
Opera
Safari
Samsung
Android
margin
1
12
1
3
3.5
1
18
4
10.1
1
1.0
1
auto
1
12
1
6
3.5
1
18
4
14
1
1.0
37
Поддерживается: Да
Получай полезные материалы удобным способом!
Добавить комментарий