margin-right

Internet Explorer Netscape Opera Safari Firefox
6.0 7.0 8.0 8.0 9.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Ошибки Частично Да Да Да Да Да Да Да Да Да Да Да Да

 

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

Описание

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

Синтаксис

margin-right: значение | auto | inherit

Значения

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

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

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  "http://www.w3.org/TR/html4/strict.dtd"> <html>  <head>   <meta http-equiv="Content-Type" content="text/html;     charset=windows-1251">   <title>margin-right</title>   <style type="text/css">    BODY {      margin-right: 25%;  /* Отступ справа */     margin-left: 25%;  /* Отступ слева */    }    DIV.panel {     background: #007083; /* Цвет фона */     color: white;  /* Цвет текста */     padding: 10px; /* Поля вокруг текста */     text-align: justify; /* Выравнивание по ширине */     }   </style>  </head>  <body>      <div class="panel">    Lorem ipsum dolor sit amet, consectetuer adipiscing elit,     sed diem nonummy nibh euismod tincidunt ut lacreet dolore     magna aliguam erat volutpat. Ut wisis enim ad minim veniam,     quis nostrud exerci tution ullamcorper suscipit lobortis nisl     ut aliquip ex ea commodo consequat.   </div>     </body> </html>

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

[window.]document.getElementById("elementID").style.marginRight

Браузеры

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

Internet Explorer до седьмой версии включительно не поддерживает значение inherit.