HTML DOM Style paddingTop недвижимость
Стиль Объекты
Определение и использование
Поля на paddingTop наборов свойств или возвращает элементы внутри.
Space набивка свойство определяет границу элемента, и содержание элемента между ними.
грамматика
Настройка свойств paddingTop:
Object.style.paddingTop="%|length|inherit"
Назад свойства paddingTop:
Object.style.paddingTop
值 | 描述 |
---|---|
% | 定义基于父元素宽度的百分比上内边距。 |
length | 使用 px、cm 等单位定义上内边距的宽度。 |
inherit | 上内边距从父元素继承。 |
Поддержка браузеров
Все основные браузеры поддерживают paddingTop свойство.
Примечание: 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>
Попробуйте »
Стиль Объекты