English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство CSS margin-bottom устанавливает нижний отступ элемента. Однако, в многих случаях, какmarginТакие сокращенные свойства CSS удобнее и предпочтительнее использовать.
В таблице ниже приведены инструкции по использованию и историю версий этого свойства, а также грамматика использования этого свойства в скриптах JavaScript.
| Значение по умолчанию: | 0 |
|---|---|
| Применяется к: | Все элементы, кроме table displayЭлементы за исключением типов за исключением table-caption table inline-table. Оно также применяется к ::first-letter. |
| Наследование: | Нет |
| Анимировано: | Да.Пожалуйста, обратитесь к: Анимационные свойства. |
| Версия: | CSS 1, 2, 3 |
| JavaScript грамматика: | объект.style.marginBottom="20px" |
Грамматика этого свойства такая:
margin-bottom: length | percentage | auto | initial | inherit
Ниже приведен пример того, как использовать свойство margin-bottom.
h1 {
margin-bottom: 25px;
}
p {
margin-bottom: 50px;
}Проверьте, пожалуйста‹/›В таблице ниже описаны значения этого свойства.
| Значение | Описание |
|---|---|
| length | Указать значение нижнего внешнего отступа в конкретных единицах измерения, таких как px, pt, cm, em и т.д., может быть отрицательным. |
| percentage | Указать нижний внешний отступ в процентах от ширины родительского элемента. |
| auto | Браузер будет вычислять мarge для указанного элемента. |
| initial | Установить это свойство в его значение по умолчанию. |
| inherit | Если указано, то связанный элемент использует значение свойства margin-bottom родительского элемента. |
Совместимость браузеров для свойства margin-bottom, числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Пожалуйста, обратитесь к следующим教程:CSS Margin,CSS Box Model.
Связанные свойства:margin,margin-left,margin-right,margin-top.