margin-left

Содержание

Устанавливает величину отступа от левого края элемента. Отступом является расстояние от внешнего края левой границы текущего элемента до внутренней границы его родительского элемента (рис. 1).

Рис. 1. Отступ от левого края элемента

Рис. 1. Отступ от левого края элемента

Краткая информация

Значение по умолчанию0
НаследуетсяНет
ПрименяетсяКо всем элементам

Синтаксис

margin-left: <размер> | <проценты> | auto

Значения

Величину левого отступа можно указывать в пикселях (px), процентах (%) или других допустимых для CSS единицах. Значение может быть как положительным, так и отрицательным числом.

auto
Указывает, что размер отступов будет автоматически рассчитан браузером.

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>margin-left</title>
  <style>
   .layer1 {
    background-color: #D36037; /* Цвет фона */
   }
   .layer2 {
    margin-left: 20%; /* Отступ слева */
    background-color: #ccc; /* Цвет фона */
    padding: 10px; /* Поля вокруг текста */
   }
  </style>
 </head> 
 <body> 
  <div class="layer1">
   <div class="layer2">Коллективное бессознательное, 
    как бы это ни казалось парадоксальным, многопланово 
    продолжает невротический онтологический статус искусства. 
   </div>
  </div>
 </body>
</html>

Результат данного примера показан на рис. 2.

Применение свойства margin-left

Рис. 2. Применение свойства margin-left

Объектная модель

Объект.style.marginLeft

Примечание

Браузер Internet Explorer до версии 7 удваивает значение левого или правого отступа для плавающих элементов, вложенных в родительские элементы. Удваивается тот отступ, который прилегает к стороне родителя. Проблема обычно решается добавлением display: inline для плавающего элемента.

Спецификация

СпецификацияСтатус
CSS Basic Box ModelРабочий проект
CSS TransitionsРабочий проект
CSS Level 2 (Revision 1)Рекомендация
CSS Level 1Рекомендация

Браузеры

Internet ExplorerChromeOperaSafariFirefox
313.511
AndroidFirefox MobileOpera MobileSafari Mobile
1161




Рекомендую хостинг: beget.ru

Сервер падал:53 дн. 23:15 назад.

Посещений в месяц:205640

Посещений в день:100


+7 (951) 527 0204

+7 (928) 103 4987

programmer@niesoft.ru