Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

Свойство CSS  margin-bottom устанавливает пустое пространство под элементом. Положительное значение увеличивает расстояние между соседними элементами, тогда как отрицательное - сокращает.

Это свойство не имеет воздействия на незамещаемые элементы, такие как <span> или <code>.

Синтаксис

/* числовые значения */
margin-bottom: 10px;  /* Абсолютная длина */
margin-bottom: 1em;   /* относительно размера текста */
margin-bottom: 5%;    /* относительно длины родительского блока */

/* Значения-ключевые слова */
margin-bottom: auto;

/* Глобальные значения */
margin-bottom: inherit;
margin-bottom: initial;
margin-bottom: unset;

Свойство margin-bottom может быть выражено как ключевое слово auto, или как <число>, или как <процент>. Значение может быть положительным, нулевым или отрицательным.

Значения

<length>
Размер отступа - фиксированная величина.
<percentage>
Размер отступа в процентах - размер относительно длины родительского блока.
auto
Браузер сам выбирает, какое значение использовать. Смотри margin.

Формальный синтаксис

<length> | <percentage> | auto

Пример

HTML

<div class="container">
<div class="box0">Box 0</div>
<div class="box1">Box 1</div>
<div class="box2">Box one's negative margin pulls me up</div>
</div>

CSS

CSS устанавливает нижний отступ и высоту для элементов div.

.box0 {
    margin-bottom:1em;
    height:3em;
}
.box1 {
    margin-bottom:-1.5em;
    height:4em;
}
.box2 {
    border:1px dashed black;
    border-width:1px 0;
    margin-bottom:2em;
}

Несколько дополнений к свойствам элемента div и элемента класса container сделают более наглядным эффект использования свойства margin.

.container {
    background-color:orange;
    width:320px;
    border:1px solid black;
}
div {
    width:320px;
    background-color:gold;
}

Specifications

Specification Status Comment
CSS Basic Box Model
Определение 'margin-bottom' в этой спецификации.
Рабочий черновик No significant change
CSS Transitions
Определение 'margin-bottom' в этой спецификации.
Рабочий черновик Defines margin-bottom as animatable.
CSS Level 2 (Revision 1)
Определение 'margin-bottom' в этой спецификации.
Рекомендация Removes its effect on inline elements.
CSS Level 1
Определение 'margin-bottom' в этой спецификации.
Рекомендация Initial definition

Начальное значение0
Применяется квсе элементы, кроме элементов с табличным типом display, отличным от table-caption, table и inline-table. Это также применяется к ::first-letter.
Наследуетсянет
Процентыссылается на ширину содержащего блока
Отображениевизуальный
Обработка значенияпроцент, как указан, или аблосютная длина
Animation typeдлина
Канонический порядокуникальный неоднозначный порядок, определённый формальной грамматикой

Browser compatibility

ВозможностьChromeEdgeFirefoxInternet ExplorerOperaSafari
Базовая поддержка112133.51
auto1 ?1613.51
ВозможностьAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Базовая поддержка1 ? Да461 ?
auto ? ? ?4 ? ? ?

1. The auto value is not supported in quirks mode.

Метки документа и участники

Метки: 
Внесли вклад в эту страницу: zeth75
Обновлялась последний раз: zeth75,