Margin bottom css что это

margin-bottom

CSS свойство margin-bottom устанавливает внешний отступ снизу элемента. Отступом является расстояние от внешнего края нижней границы текущего элемента до внутренней границы его родительского элемента либо до границы элемента, расположенного под ним. Обратите внимание, для строчных элементов (display : inline; ) могут быть установлены только внешние отступы с левой и с правой стороны.

Размер внешнего нижнего отступа можно указывать в пикселях (px), процентах (%) или в других единицах измерения CSS. Значение может быть как положительным, так и отрицательным.

Примечание: нижний или верхний внешний отступ дочернего элемента может влиять на общую высоту родительского элемента, если у него не задан фиксированный размер высоты.

Объединение полей

1. Поля сестринских элементов, расположенных один под другим и находящихся в потоке документа, объединяются в одно общее. Высота полученного поля равняется высоте большего из двух полей, например: поле верхнего элемента ( margin-bottom ) составляет 10px , а нижнего элемента (margin-top) — 20px , единое поле в этом случае будет высотой 20px .
2. Объединение полей родительского и дочернего элемента, находящихся в потоке документа, происходит, если родительский элемент не имеет ничего из того, что могло бы отделять его внешний отступ от внешнего отступа дочернего элемента (рамки, внутреннего отступа или строчного содержимого). Также объединение полей не будет происходить, если родительскому элементу установить свойство overflow со значением hidden или auto . Плюс от этого способа заключается в том, что размер родительского элемента не увеличивается.

Синтаксис

margin-bottom: величина|auto|inherit;

Значения свойства

Значение	Описание
auto	Автоматически вычисляется браузером как ноль.
величина	Указывает размер поля в единицах измерения, используемых в CSS.
%	Величина, указанная в процентах, вычисляется в зависимости от ширины области содержимого родительского элемента.
inherit	Указывает, что значение наследуется от родительского элемента.

Свойство margin-bottom

Свойство margin-bottom (от англ. «margin bottom» ‒ «нижнее поле») устанавливает высоту области нижнего поля элемента.

Применяется:	в CSS 1‒2.0 ко всем элементам; в CSS 2.1‒2.2 ко всем элементам, кроме элементов с типами отображения таблиц, отличных от табличных-заголовков , таблиц и встроенных-таблиц
Наследование:	отсутствует;
Проценты:	относительно ширины содержательного блока;
Медиа :	визуальные.

JavaScript

[объект] .style .marginBottom =»[значение]»;

margin-bottom

Свойство margin-bottom определяет нижний отступ для элемента.

Примечание: негативные значения разрешены.

Значение по умолчанию:	0
Наследуется:	нет
Версия:	CSS1

Аргументы

Значение	Описание
auto	Браузер рассчитывает нижний отступ
значение	Определяет нижний отступ в пикселях или других единицах измерения CSS
%	Определяет нижний отступ в % отношении
inherit	Значение должно быть унаследовано от элемента родителя

margin-bottom

Устанавливает величину отступа от нижнего края элемента. Отступом является расстояние от внешнего края нижней границы текущего элемента до внутренней границы его родительского элемента (рис. 1).

Рис. 1. Отступ от нижнего края элемента

Синтаксис

margin-bottom: значение | auto | inherit

Значения

Величину нижнего отступа можно указывать в пикселах (px), процентах (%) или других допустимых для CSS единицах. Значение может быть как положительным, так и отрицательным числом.

auto Указывает, что размер отступов будет автоматически рассчитан браузером. inherit Наследует значение родителя.

HTML5 CSS2.1 IE Cr Op Sa Fx

       
Lorem ipsum dolor sit amet 
 
  

Результат данного примера показан на рис. 2.

Рис. 2. Применение свойства margin-bottom

Объектная модель

[window.]document.getElementById(» elementID «).style.marginBottom

Браузеры

Браузер Internet Explorer 6 в некоторых случаях некорректно вычисляет значение отступа, заданное в процентах.

Internet Explorer до версии 7.0 включительно не поддерживает значение inherit .