top

Internet Explorer

Google Chrome

Opera

Safari

Firefox

6.07.08.0 2.03.04.0 9.29.610 2.03.14.0 2.03.03.6
                   
CSS 1CSS 2CSS 2.1CSS 3
    

Описание CSS свойства:

Для позиционированного элемента определяет расстояние от верхнего края родительского элемента, не включая отступ, поле и ширину рамки, до верхнего края дочернего элемента (рис. 1). Отсчет координат зависит от значения свойства position. Если оно равно absolute, в качестве родителя выступает окно браузера и положение элемента определяется от его верхнего края. В случае значения relative, top отсчитывается от верхнего края исходного положения элемента. Если для родительского элемента задано positionrelative, то абсолютное позиционирование дочерних элементов определяет их положение от верхнего края родителя.

Рис. 1. Значение параметра top

Рис. 1. Значение свойства top

Краткая информация:
Значение по умолчанию auto
НаследуетсяНет
Применяется Ко всем элементам
Ссылка на спецификацию http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-top

Синтаксис CSS свойства:

top: значение | проценты | auto | inherit

Значения CSS свойства:

В качестве значений принимаются любые единицы длины, принятые в CSS — например, пикселы (px), дюймы (in), пункты (pt) и др. Значение свойства top может быть и отрицательным, в этом случае возможны наложения разных элементов друг на друга. При задании значения в процентах, положение элемента вычисляется в зависимости от высоты родительского элемента.

auto - Не изменяет положение элемента.

inherit - Наследует значение родителя.

Объектная модель CSS свойства:

[window.]document.getElementById("elementID").style.top

Особенности отображения в браузерах:

Internet Explorer до версии 7.0 включительно не поддерживает значение inherit.

В браузере Internet Explorer 6 для абсолютно позиционированных элементов нельзя одновременно задать свойства top, left, right, bottom.

Internet Explorer до версии 7.0 включительно не поддерживает значение inherit.


Баннер SGU.RU