СSS Свойство margin-left
Пример
Установить левое поле для элемента <p> равным 30 пикселям:
p.ex1 {
margin-left: 30px;
}
Попробуйте сами »
Определение и использование
Свойство margin-left задает левое поле элемента.
Примечание: Допускаются отрицательные значения
| Значение по умолчанию: | 0 |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | да, см. раздел отдельные свойства. Прочитать о animatable Попробовать |
| Версия: | CSS1 |
| JavaScript синтаксис: | object.style.marginLeft="100px" Попробовать |
Поддержка браузеров
Числа в таблице указывают первая версия браузер, который полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| margin-left | 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
CSS Синтаксис
margin-left: length|auto|initial|inherit;
Значения свойств
| Значение | Описание | Воспроизвести |
|---|---|---|
| length | Задает фиксированное левое поле в px, pt, cm и т.д. Значение по умолчанию 0px. Допускаются отрицательные значения Прочитать о Eдиницы длины | Воспроизвести » |
| % | Задает левое поле в процентах от ширины содержащего элемента | Воспроизвести » |
| auto | Браузер вычисляет левое поле | Воспроизвести » |
| initial | Устанавливает это свойство в значение индекса. Прочитать о initial | Воспроизвести » |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Примеры
Пример
Установите левое поле для элемента <p> равным 10% ширины контейнера:
p.ex1 {
margin-left: 10%;
}
Попробуйте сами »
Пример
Установите левое поле для элемента <p> равным 2 em
p.ex1 {
margin-left: 2em;
}
Попробуйте сами »
Связанные страницы
CSS Учебник: CSS Поля
HTML DOM Справочник: Свойство marginLeft
