Характеристика style bottom

Определение и использование

bottom Установка или возврат нижней позиции расположенного элемента.

Совет:Элементы расположения - это элементы, для которых характеристика position установлена в: relative, absolute или fixed.

Совет:Для установки или возврата верхней позиции расположенного элемента используйте характеристику top.

См. также:

CSS учебник:Позиционирование CSS

CSS справочник:Характеристика bottom

Пример

Пример 1

Настройка нижней позиции элемента <button>:

document.getElementById("myBtn").style.bottom = "100px";

Попробуйте сами

Пример 2

Настройка нижней позиции элемента <div>:

document.getElementById("myDiv").style.bottom = "10px";

Попробуйте сами

Пример 3

Использование отрицательного значения - настройка нижней позиции элемента <div>:

document.getElementById("myDiv").style.bottom = "-100px";

Попробуйте сами

Пример 4

Возврат нижней позиции элемента <div>:

alert(document.getElementById("myDiv").style.bottom);

Попробуйте сами

Синтаксис

Возврат значения характеристики bottom:

object.style.bottom

Установить значение характеристики bottom:

object.style.bottom = "auto|length|%|initial|inherit"

Значение характеристики

Значение Описание
auto Позволить браузеру определить нижнюю позицию. По умолчанию.
length Определение нижней позиции с помощью единицы измерения длины. Разрешены отрицательные значения.
% Определение нижней позиции относительно высоты родительского элемента в процентах.
initial Установить эту характеристику в значение по умолчанию. См. initial.
inherit Преемственность этой характеристики от родительского элемента. См. inherit.

Технические детали

Значение по умолчанию: auto
Возвратное значение: Строка, указывающая нижнюю позицию элемента.
Версия CSS: CSS2

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка