CSS тесты
и документация
Реклама
ГлавнаяТестыСтатьиCSSCSS по типамСловарьНовостиСсылкиE-mail

position

Сопутствующая информация

Краткое описаниеОпределяет способ позиционирования элемента
НаследованиеДа
Относится кКо всем элементам, за исключением генерируемых
По умолчаниюstatic
Ссылкаhttp://www.w3.org/TR/CSS21/visuren.html#propdef-position

CSS стандарты

CSS 1.0 исключено из стандарта CSS 2.1 входит в стандарт
CSS 2.0 входит в стандарт CSS 3.0 входит в стандарт

Формат

position : absolute || fixed || relative || static || inherit ;

absoluteУказывает, что элемент абсолютно позиционирован, при этом другие элементы отображаются на веб-странице словно абсолютно позиционированного элемента и нет. Положение элемента задается свойствами left, top, right и bottom, также на положение влияет значение свойства position у родительского элемента. Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера. Если у родителя значение position задано как fixed, relative или absolute, то отсчет координат ведется от края родительского элемента.
fixedПо своему действию это значение близко к absolute, но в отличие от него привязывается к указанной свойствами left, top, right и bottom точке на экране и не меняет своего положения при прокрутке веб-страницы. Браузер Firefox вообще не отображает полосы прокрутки, если положение элемента задано фиксированным, и оно не помещается целиком в окно браузера. В браузере Opera хотя и показываются полосы прокрутки, но они никак не влияют на позицию элемента.
relativeПоложение элемента устанавливается относительно его исходного места. Добавление свойств left, top, right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от первоначального расположения.
staticЭлементы отображаются как обычно. Использование свойств left, top, right и bottom не приводит к каким-либо результатам.
inheritНаследует значение родителя.
Библиотека турклуба «Горизонт»
Главная | Тесты | Статьи | CSS параметры | CSS параметры по типам | Словарь | Новости | Ссылки | О сайте | Обратная связь




© 2010-2012 MeZon Team, Minsk, Republic of Belarus.
Meta Zone Web Engine v5.0 Pro Edition (mezon.org)