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