Свойство bottom указывает смещение позиционированного элемента относительно нижнего края. Как именно свойство bottom будет смещать элемент, зависит от конкретного значения свойства :
- Элемент с фиксированным позиционированием (position: fixed;) смещается вверх/вниз относительно нижнего края окна браузера.
- Элемент с абсолютным позиционированием (position: absolute;) смещается вверх/вниз относительно нижнего края его первого позиционированного (не static) элемента предка. Если у элемента нет предка с позиционированием (relative, absolute или fixed), тогда он будет смещаться относительно нижнего края окна браузера.
- Элемент с относительным позиционированием (position: relative;) смещается вверх/вниз относительно нижнего края его текущей позиции.
- Для элемента со статическим позиционированием (position: static;) применение свойства bottom не даст никакого эффекта.
Примечание: допускается использование отрицательных значений.
| Значение по умолчанию: |
auto |
| Наследуется: |
нет |
| Версия: |
CSS2 |
| Синтаксис JavaScript: |
object.style.bottom="50px" |
| Значение |
Описание |
| auto |
Браузер сам вычисляет положение нижнего края. |
| расстояние |
Определяет расстояние от нижнего края в единицах измерения, поддерживающихся в CSS. |
| % |
Расстояние смещения от нижнего края, указанное в процентах, вычисляется в зависимости от высоты окна браузера (области просмотра) или от высоты элемента предка ( + ). |
| inherit |
Указывает, что значение наследуется от родительского элемента. |
Пример
|