position
Опис CSS властивості position:
Встановлює спосіб позиціонування елемента відносно вікна браузера або інших об\'єктів на веб-сторінці.
Синтаксис CSS властивості position:
position: absolute | fixed | relative | static
Аргументи CSS властивості position:
absolute Вказує, що елемент абсолютно позиціоновано. У цьому випадку він не існує в звичайному потоці документа подібно іншим елементам, які відображаються на веб-сторінці наче абсолютно позиційований об'єкта і немає. Положення елемента задається атрибутами left, top, right і bottom щодо краю вікна браузера.
fixed За своїми властивостями це значення аналогічно аргументу absolute, але на відміну від нього прив'язується до зазначеної параметрами left, top, right і bottom точці на екрані і не змінює свого положення навіть при перегортання веб-сторінки. Браузери Netscape, Mozilla і Firefox взагалі не відображають смуги прокрутки, якщо положення елемента задано фіксованим, і воно не поміщається цілком у вікно браузера. У браузері Opera хоча і показуються смуги прокручування, але вони ніяк не впливають на позицію елемента.
relative Положення елемента встановлюється щодо батьків, іншими словами, контейнера, в який вкладено елемент. Якщо батьківський елемент явно не заданий, то в якості нього виступає вікно браузера. Додавання атрибутів left, top, right і bottom змінює позицію елемента і зрушує його в ту або іншу сторону від батьків, в залежності від застосовуваного параметра.
static Елементи відображаються як звичайно. Використання параметрів left, top, right і bottom не призводить ні до яких результатів.
fixed За своїми властивостями це значення аналогічно аргументу absolute, але на відміну від нього прив'язується до зазначеної параметрами left, top, right і bottom точці на екрані і не змінює свого положення навіть при перегортання веб-сторінки. Браузери Netscape, Mozilla і Firefox взагалі не відображають смуги прокрутки, якщо положення елемента задано фіксованим, і воно не поміщається цілком у вікно браузера. У браузері Opera хоча і показуються смуги прокручування, але вони ніяк не впливають на позицію елемента.
relative Положення елемента встановлюється щодо батьків, іншими словами, контейнера, в який вкладено елемент. Якщо батьківський елемент явно не заданий, то в якості нього виступає вікно браузера. Додавання атрибутів left, top, right і bottom змінює позицію елемента і зрушує його в ту або іншу сторону від батьків, в залежності від застосовуваного параметра.
static Елементи відображаються як звичайно. Використання параметрів left, top, right і bottom не призводить ні до яких результатів.
Значення по замовчуванні CSS властивості position:
static
Наслідування CSS властивості position:
не наслідується
Приклад використання CSS властивості position:
<div style="font-family: Times, serif; font-size: 200%"> T<span style="position: relative; top: 10px">E</span>X і L<span style="position: relative; top: -5px; font-size: 80%">A</span>T<span style="position: relative; top: 10px">E</span>X </div>
Використання CSS властивості position:
всі елементи
Об'єктна модель CSS властивості position:
[window.]document.getElementById("elementID").style.position
Додаткові відомості про CSS властивість position:
У браузері Internet Explorer 4 додавання параметра position: absolute до посилань не позиціонує їх, до того ж посилання втрачають свою функціональність. Крім того, в цьому браузері абсолютна позиціонування не працює для вбудованих елементів і списків, а відносне позиціонування не застосовується до клітинок таблиці (теги TD і TH). Браузер Netscape 4.x не застосовує значення relative до полів форми, списками, зображень, таблиць або їх осередкам, абсолютна позиціонування не діє для списків або елементів форм.