Свойство CSS margin позволяет указать внешние отступы от рамки сверху, справа, снизу и слева. Используется чаще, чем margin-top, margin-right, margin-bottom, margin-left по отдельности. Смотрите статью «CSS блоковая модель».
Возможные значения: <размер> | <проценты> | auto
Значение auto указывает, что величина отступа будет рассчитываться автоматически на основе свободного пространства.
Значение по умолчанию: 0
Наследуется: нет
Можно указывать до четырёх значений через пробел.
Если указано одно значение, то оно используется для всех сторон.
Если указано два значения, то первое значение устанавливает внешний отступ сверху и снизу, а второе — справа и слева.
Если указано три значения, то первое значение устанавливает внешний отступ сверху, второе устанавливает внешний отступ справа и слева, третье устанавливает внешний отступ снизу.
Если указано четыре значения, то они используются для внешних отступов сверху, справа, снизу и слева соответственно.
Пример:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<!DOCTYPE html> <html> <head> <title>CSS margin example</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> </head> <body> <div style="background-color : #f0f0f0;"> Внешний div. <div style="margin:10px; background-color : #00ff00;"> Вложенный div с margin. </div> Внешний div. <div> Вложенный div без margin </div> </div> <div> <a href="https://urvanov.ru/2016/02/26/css-margin/">CSS margin</a> </div> </body> </html> |