пример
Измените положение <div> элемент из относительно абсолютной:
document.getElementById("myDIV").style.position = "absolute";
Попробуй сам " Определение и использование
В позиции набор свойств или возвращает тип способа позиционирования , используемый для элемента (static, relative, absolute or fixed) .
Поддержка браузеров
Свойство позиции поддерживается во всех основных браузерах.
Синтаксис
Возвращает свойство позиции:
object .style.position
Установите свойство позиции:
object .style.position="static|absolute|fixed|relative|initial|inherit"
Значения свойств
| Стоимость | Описание |
|---|---|
| static | Элементы делают для того, как они появляются в потоке документов. Это по умолчанию. |
| absolute | Элемент позиционируется относительно его первого расположенной (not static) предка элемента |
| fixed | Элемент позиционируется относительно окна браузера |
| relative | Элемент позиционируется относительно его нормального положения, так что "left:20" добавляет 20 пикселей в левое положение элемента |
| initial | Установка этого свойства в значение по умолчанию. Читайте о первоначальном |
| inherit | Inherits это свойство от родительского элемента. Читайте о унаследовать |
Технические подробности
| Значение по умолчанию: | статический |
|---|---|
| Возвращаемое значение: | Строка, представляющая тип позиции элемента |
| CSS версия | CSS2 |
Еще примеры
пример
Используя различные типы позиций:
function myFunction(x) {
var whichSelected = x.selectedIndex;
var posVal = x.options[whichSelected].text;
var elem =
document.getElementById("myDiv");
elem.style.position=posVal;
}
Попробуй сам " пример
Возвращает позицию <h2> элемента:
alert(document.getElementById("myH2").style.position); Попробуй сам " Похожие страницы
CSS учебник: CSS Позиционирование
Ссылка CSS: position property
<Style Object