CSS свойство margin-right

Свойство margin-right используется для установления правого поля элемента.

Отрицательные значения недопустимы.

Значение по умолчанию	0
Применяется	Ко всем элементам, а также к ::first-letter.
Наследуется	Нет
Анимируемое	Да. Правое поле элемента анимируемо.
Версия	CSS2
DOM синтаксис	object.style.marginRight = "50px";

Синтаксис

margin-right: length | auto | initial | inherit;

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style>
      .right {
      margin-right: 400px;
      }
    </style>
  </head>
  <body>
    <h2>Пример свойства margin-right</h2>
    <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.</p>
    <p class="right">Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.</p>
  </body>
</html>

Попробуйте сами!

Пример, где правое поле указано в процентах:

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style>
      .right { margin-right: 50%;}
    </style>
  </head>
  <body>
    <h2>Пример свойства margin-right</h2>
    <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.</p>
    <p class="right">Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.</p>
  </body>
</html>

Попробуйте сами!

Значения

Значение	Описание
auto	Устанавливает правое поле. Значение по умолчанию.
length	Устанавливает правое поле в единицах измерения (px, pt, cm и т. д.). Значение по умолчанию - 0.
%	Устанавливает правое поле элемента в процентах.
initial	Устанавливает свойство в значение по умолчанию.
inherit	Значение элемента наследуется от родительского элемента.