Значение "inherit" не поддерживается в IE8 и более ранних версиях.
CSS свойство margin-bottom устанавливает внешний отступ от нижнего края элемента. Отступом является расстояние от внешнего края нижней границы текущего элемента до внутренней границы его родительского элемента либо до границы элемента, расположенного рядом. Обратите внимание, для строчных элементов могут быть установлены только внешние отступы с левой и с правой стороны.
Размер внешнего нижнего отступа можно указывать в пикселях (px), процентах (%) или в других . Значение может быть как положительным, так и отрицательным.
Примечание: нижний или верхний внешний отступ дочернего элемента может влиять на общую высоту родительского элемента, если у него не задан фиксированный размер высоты.
Объединение полей
- Поля сестринских элементов расположенных друг под другом и находящихся в потоке документа объединяются в одно общее. Высота полученного поля равняется высоте большего из двух полей, например: поле верхнего элемента (margin-bottom) составляет 10px, а нижнего элемента () - 20px, единое поле в этом случае будет высотой 20px.
- Объединение полей родительского и дочернего элемента находящихся в потоке документа происходит, если родительский элемент не имеет ничего из того, что могло бы отделять его внешний отступ от внешнего отступа дочернего элемента (рамки, внутреннего отступа или строчного содержимого).
| Значение по умолчанию: |
0 |
| Наследуется: |
нет |
| Версия: |
CSS1 |
| Синтаксис JavaScript: |
object.style.marginBottom="10px" |
Синтаксис и значения свойства
margin-bottom: auto|размер|inherit;
| Значение |
Описание |
| auto |
Автоматически вычисляется браузером как ноль. |
| размер |
Указывает размер поля в единицах измерения, поддерживающихся в CSS. |
| % |
Задает размер поля в процентах от ширины родительского элемента. |
| inherit |
Указывает, что значение наследуется от родительского элемента. |
Пример
|