Свойство top
Свойство top определяет смещение верхней стороны блока элемента относительно верхней стороны контейнера данного элемента. Положительные значения задают смещения вниз, отрицательные - смещения вверх. Так же смотри иллюстрацию.
| Синтаксис | |
|---|---|
| top: auto | «размер» | «процентное значение» | |
| Возможные значения и ключевые слова | |
| auto | значение смещения определяется в зависимости от того, какие еще свойства установлены в auto |
| «размер» | линейный размер, заданный дизайнером |
| «процентное значение» | по отношению к высоте контейнера |
| Разное | |
| Значение по умолчанию | auto |
| Применимо | К позиционированным элементам |
| Наследование | нет |
| Процентная запись | да - по отношению к высоте родительского элемента |
| Media | visual |
В следующем примере, для элемента с идентификатором tester, задана схема позиционирования absolute и свойство top. Так как контейнером для элемента tester является элемент body, то и позиционироваться элемент tester будет относительно элемента body.
<html>
<head>
<style type='text/css'>
#tester {position:absolute; top:10px;}
</style>
</head>
<body>
<div id='tester'>Тест Тест Тест</div>
</body>
</html>
Примечание: если высота контейнера не задана непосредственно (то есть определяется содержимым), то процентное значение свойства top рассматривается как значение auto.
