пример
Установите все четыре маржи в <div> элемент:
document.getElementById("myDiv").style.margin = "50px 10px 20px 30px"; Попробуй сам " Определение и использование
Гарантийны наборы свойств или возвращают допустимые пределы элемента.
Это свойство может занять от одного до четырех значений:
- Одно значение, как: DIV {Маржа: 50px} - все четыре поля будут 50px
- Два значения, как: DIV {маржа: 50px 10px} - верхние и нижние границы будут 50px, левое и правые края будут 10px
- Три значения, как: DIV {поле: 50px 10px 20px} - верхнее поле будет 50px, левый и правый край будет 10px, нижнее поле будет 20px
- Четыре значения, как: DIV {маржа: 50px 10px 20px 30px} - верхнее поле будет 50px, правое поле будет 10px, нижнее поле будет 20px, левое поле будет 30px
И свойство Маржи и вставка пространство набивки свойства вокруг элемента. Тем не менее, разница в том, что рентабельность вставляет пространство вокруг границы, в то время как обивка вставляет пространство внутри границы элемента.
Поддержка браузеров
Свойство Маржа поддерживается во всех основных браузерах.
Синтаксис
Возвращает свойство маржи:
object .style.margin
Установите свойство маржи:
object .style.margin=" Значения свойств Стоимость Описание % Определяет поля в% от ширины родительского элемента length Определяет поля в единицах длины auto Браузер устанавливает поля (all four margins will be equal) initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном inherit Inherits это свойство от родительского элемента. Читайте о унаследовать
Технические подробности
Значение по умолчанию: 0 Возвращаемое значение: Строка, представляющая допустимые пределы элемента CSS версия CSS1
Еще примеры
пример
Измените все четыре маржи в <div> элемент в "25px" :
document.getElementById("myDiv").style.margin = "25px";
Попробуй сам "
пример
Возврат маржи в <div> элемент:
alert(document.getElementById("myDiv").style.margin);
Попробуй сам "
пример
Разница между свойством маржинального и свойством отступа:
function changeMargin() {
document.getElementById("myDiv").style.margin = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.padding = "100px";
}
Попробуй сам "
Похожие страницы
CSS учебник: CSS Маржа
Ссылка CSS: margin property
<Style Object