Свойство marginRight
Пример style.marginRight
Установите свойство marginRight для <div>:
document.getElementById("myDiv").style.marginRight = "50px";
Попробуйте сами »
Описание marginRight
Свойство marginRight устанавливает или возвращает правое поле элемента.
Как свойство margin, так и свойство padding вставляют пространство вокруг элемента. Однако разница в том, что margin вставляет пространство вокруг границы, а padding вставляет пространство внутри границы элемента.
Поддержка marginRight
| Свойство | |||||
|---|---|---|---|---|---|
| marginRight | Да | Да | Да | Да | Да |
Синтаксис marginRight
Вернуть свойство marginRight:
object.style.marginRight
Установите свойство marginRight:
object.style.marginRight = "%|length|auto|initial|inherit"
Значение свойства marginRight
| Значение | Описание |
|---|---|
| % | Определяет правое поле в % от ширины родительского элемента. |
| length | Определяет правое поле в единицах длины. |
| auto | Браузер устанавливает правое поле |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали marginRight
| Значение по умолчанию: | 0 |
|---|---|
| Возвращаемое значение: | Строка, представляющая правое поле элемента. |
| CSS Версия | CSS1 |
Ещё примеры marginRight
Измените правое поле элемента <div> обратно на "нормальное"
document.getElementById("myDiv").style.marginRight = "0px";
Попробуйте сами »
Вернуть свойство marginRight элемента <div>:
alert(document.getElementById("myDiv").style.marginRight);
Попробуйте сами »
Разница между marginRight и paddingRight:
function changeMargin() {
document.getElementById("myDiv").style.marginRight = "200px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingRight = "200px";
}
Попробуйте сами »
Связанные страницы marginRight
CSS Учебник: CSS Поля
CSS Справочник: Свойство margin-right
HTML DOM Справочник: Свойство margin