/css/margin-left:> Левое поле_
Свойство margin-left
Синтаксис
CSS 1
CSS 2‒2.2
margin-left <ширина-поля> | inherit; <ширина-поля> = <длина> | <процент> | auto
Описание
Свойство margin-left
(от англ. "margin left" ‒ «левое поле») устанавливает ширину области левого поля элемента.
Применяется: | в CSS 1‒2.0 ко всем элементам; в CSS 2.1‒2.2 ко всем элементам, кроме элементов с типами отображения таблиц, отличных от табличных-заголовков, таблиц и встроенных-таблиц; |
---|---|
Наследование: | отсутствует; |
Проценты: | относительно ширины содержательного блока; |
Медиа: | визуальные. |
JavaScript
[объект]
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Значения
- <длина>
- Определяет фиксированную ширину.
- <процент>
- Процентное значение вычисляется относительно ширины содержательного блока созданной коробки.
- auto
- Автоматическое вычисление размера поля.
- inherit
- Указывает, что элемент должен унаследовать параметры родительского элемента.
Начальное значение: «0
».
Примечание: допускаются отрицательные значения, но в определённых реализациях могут существовать ограничения.
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Свойство margin-left</title>
<style type="text/css">
.box {
display: inline-block;
font-size: 13pt;
}
.containing { background-color: #d0d0d0; }
.margin {
background-color: white;
margin-left: 7.5em;
width: 15em;
height: 5em;
border: 1px solid red;
}
</style>
</head>
<body>
<h1>Левое поле коробки</h1>
<div class="box containing">
<div class="box margin">Содержимое коробки</div>
</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Свойство margin-left</title>
<style type="text/css">
.box {
display: inline-block;
font-size: 13pt;
}
.containing { background-color: #d0d0d0; }
.margin {
background-color: white;
margin-left: 7.5em;
width: 15em;
height: 5em;
border: 1px solid red;
}
</style>
</head>
<body>
<h1>Левое поле коробки</h1>
<div class="box containing">
<div class="box margin">Содержимое коробки</div>
</div>
</body>
</html>
Свойство margin-left