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