Свойство marginRight

Определение и использование

marginRight устанавливают или возвращают правое внешнее поле элемента.

атрибут margin и атрибут padding Все они вставляют пространство вокруг элемента, но различие заключается в том, что margin вставляет пространство вокруг рамки, а padding вставляет пространство внутри рамки элемента.

Дополнительная информация:

Учебник CSS:Внешние отступы CSS

Руководство по CSS:атрибут margin-right

Руководство по HTML DOM:атрибут margin

Пример

Пример 1

установить правое внешнее поле div элемента:

document.getElementById("myDiv").style.marginRight = "50px";

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

Пример 2

возврат правого внешнего поля div элемента в "normal":

document.getElementById("myDiv").style.marginRight = "0px";

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

Пример 3

возврат правого внешнего поля div элемента:

alert(document.getElementById("myDiv").style.marginRight);

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

Пример 4

Разница между marginRight и paddingRight:

function changeMargin() {
  document.getElementById("myDiv").style.marginRight = "200px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingRight = "200px";
}

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

Синтаксис

возврат marginRight атрибут:

object.style.marginRight

установить marginRight атрибут:

object.style.marginRight = "%|length|auto|initial|inherit"

значение атрибута

Значение Описание
% определить правое внешнее поле в процентах от ширины родительского элемента.
length определить правое внешнее поле с помощью единицы измерения длины.
auto браузер устанавливает правое внешнее поле.
initial установить этот атрибут в его значение по умолчанию. См. initial.
inherit inherit этот атрибут от его родительского элемента. См. inherit.

Технические детали

по умолчанию: 0
возвратное значение: строка, представляющая правый внешнее поле элемента.
версия CSS: CSS1

браузер поддерживает

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка