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