Характеристики свойства
В каких браузерах работает?
8.0+ | 1.0+ | 3.5+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
В каких версиях CSS используется?
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
+ | + | + | + |
Для чего используется?
Для корректировки позиционирования и установки внешних отступов используют свойство margin. Для того, чтобы оттолкнуть снизу от элемента соседний блок или установить там же нижний отступ используют свойство margin-bottom.
Как правильно задавать?
margin-bottom:параметр отступов;
Какие могут быть значения?
- auto - заставляет рассчитывать браузер отступ на свое усмотрение.
- inherit - повторяет внешний нижний отступ родителя.
Единицы измерения указанного отступа могут быть любыми, которые поддерживаются в CSS. Возможно применение отрицательных значений.
Пример использования
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Свойство margin-bottom</title> <style> body { margin: 0; } .block1 { margin: 15px auto; display:block; width:250px; background: #b04d4d; padding: 10px; } .block2 { border: 2px solid #eee; padding: 10px; margin: 10px; } h3 { color:#444; margin-bottom:30px; margin-top:0px; text-align:center; } </style> </head> <body> <div class="block1"> <div class="block2"> <h3>Заголовок</h3> Текст для примера блока, к которому присваивается внешний отступ. Блоку задан задний фон, рамки и центровка. </div> </div> </body> </html>
По итогу получаем
Тип CSS свойства:
Отступы