HTML DOM Style MarginTop недвижимость
Стиль Объекты Определение и использование
MarginTop наборов свойств или возвращает элемент на краю.
грамматика
Настройка свойств MarginTop:
Object.style.marginTop="%|length|auto|inherit"
Назад MarginTop свойства:
Object.style.marginTop
| 值 | 描述 |
|---|---|
| % | 定义基于父元素宽度的百分比上外边距。 |
| length | 使用 px、cm 等单位定义上外边距的宽度。 |
| auto | 浏览器设定的上外边距。 |
| inherit | 上外边距从父元素继承。 |
Поддержка браузеров
Все основные браузеры поддерживают MarginTop свойство.
Примечание: IE7 и более ранние версии не поддерживают "унаследует" значение.IE8 обеспечивает только! DOCTYPE поддерживается "Наследовать". поддержка IE9 "Наследовать".
Советы и примечания
маржинальные свойства и свойства обивка вставлены в пространство вокруг элемента. Тем не менее, разница, запас будет вставлен в пространство вокруг внешней границы, щитков вставки пространство внутри элемента границы.
примеров
примеров
Изменение DIV элемента на полях:
<! DOCTYPE HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
<Тип Style = "текст / CSS">
DIV {
границы: 1px твердый # FF0000;
}
</ Style>
<Script>
Функция changeMargin () {
document.getElementById ( "EX1") style.marginTop = "100px" .;
}
Функция changePadding () {
document.getElementById ( "ех2") style.paddingTop = "100px" .;
}
</ Script>
</ Head>
<Body>
<Div ID = "EX1"> Это некоторый текст. </ Div>
<br>
<Кнопка типа "кнопка" = OnClick = "changeMargin ()"> Изменить Div элемент в верхней части внешнего интервала </ кнопка>
<br>
<br>
<Div ID = "ех2"> Это некоторый текст. </ Div>
<br>
<Кнопка тип = "кнопка" OnClick = "changePadding ()"> модификации в пределах верхней части элемента сНу Разнос </ кнопка>
</ Body>
</ HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
<Тип Style = "текст / CSS">
DIV {
границы: 1px твердый # FF0000;
}
</ Style>
<Script>
Функция changeMargin () {
document.getElementById ( "EX1") style.marginTop = "100px" .;
}
Функция changePadding () {
document.getElementById ( "ех2") style.paddingTop = "100px" .;
}
</ Script>
</ Head>
<Body>
<Div ID = "EX1"> Это некоторый текст. </ Div>
<br>
<Кнопка типа "кнопка" = OnClick = "changeMargin ()"> Изменить Div элемент в верхней части внешнего интервала </ кнопка>
<br>
<br>
<Div ID = "ех2"> Это некоторый текст. </ Div>
<br>
<Кнопка тип = "кнопка" OnClick = "changePadding ()"> модификации в пределах верхней части элемента сНу Разнос </ кнопка>
</ Body>
</ HTML>
Попробуйте »
Стиль Объекты