Характеристики свойства
В каких браузерах работает?
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-left. Свойство отвечает за внешние отступы. Для того, чтобы установить отсупы для других сторон используют универсальное свойство margin.
Как правильно задавать?
margin-left:параметр отступов;
Какие могут быть значения?
- auto - заставляет рассчитывать браузер отступ на свое усмотрение.
- inherit - повторяет внешний нижний отступ родителя.
В качестве значений для этого свойства могут выступать числа с указанием любых единиц измерений, входящих в список поддерживаемых правилами CSS.
Пример использования
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Свойство margin-bottom</title> <style> body { margin: 0; } .block1 { background: #ff0000; } .block2 { background: #eee; margin-left: 60px; padding:5px; } </style> </head> <body> <div class="block1"> <div class="block2"> Текст для примера блока, к которому присваивается внешний отступ. Блоку задан задний фон, рамки и центровка. Текст для примера блока, к которому присваивается внешний отступ. Блоку задан задний фон, рамки и центровка. </div> </div> </body> </html>
По итогу получаем
Тип CSS свойства:
Отступы