HTML DOM Стиль верхней недвижимость
Определение и использование
верхние наборы свойств или возвращает верхнюю позицию элемента позиционирования.
Этот атрибут определяет верхнее положение элемента, содержащее: отступы, полосы прокрутки, рамки и поля.
Совет: элемент позиционирования является атрибутом позиции элемента устанавливается: относительная (относительный), абсолютная (абсолютная) или фиксированный (фиксированный).
грамматика
Установить главные свойства:
Object.style.top="auto|length|%|inherit"
Назад На верх свойства:
Object.style.top
值 | 描述 |
---|---|
auto | 默认。通过浏览器计算顶部的位置。 |
length | 使用 px、cm 等单位定义元素的顶边到最近一个具有定位设置父元素的顶部边缘的位置。可使用负值。 |
% | 定义元素的顶边到最近一个具有定位设置父元素的顶部边缘的百分比位置。 |
inherit | top 属性的值从父元素继承。 |
Поддержка браузеров
Все основные браузеры поддерживают верхнюю недвижимость.
Примечание: IE7 и более ранние версии не поддерживают "унаследует" значение.IE8 обеспечивает только! DOCTYPE поддерживается "Наследовать". поддержка IE9 "Наследовать".
примеров
примеров
Настройки кнопки в верхней позиции:
<! DOCTYPE HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
<Тип Style = "текст / CSS">
# B1 {
позицию: абсолютная;
}
</ Style>
<Script>
Функция displayResult () {
. Document.getElementById ( "b1") style.top = "100px";
}
</ Script>
</ Head>
<Body>
<INPUT TYPE = "Кнопка" ID = "b1" OnClick = "displayResult ()" значение = "установлен в верхнее положение 100 пикселей">
</ Body>
</ HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
<Тип Style = "текст / CSS">
# B1 {
позицию: абсолютная;
}
</ Style>
<Script>
Функция displayResult () {
. Document.getElementById ( "b1") style.top = "100px";
}
</ Script>
</ Head>
<Body>
<INPUT TYPE = "Кнопка" ID = "b1" OnClick = "displayResult ()" значение = "установлен в верхнее положение 100 пикселей">
</ Body>
</ HTML>
Попробуйте »
Стиль Объекты