Style bottom Property

Установите нижнюю позицию <button> элемента:

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

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

Нижние наборы свойств или возвращает нижнюю позицию, расположенного элемента.

Это свойство определяет нижнюю позицию элемента, включая обивку, скроллинг, границу и края.

Tip: позиционированный элемент является элементом с позицией набором свойств к: относительному, абсолютному или фиксированному.

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

Дно свойство поддерживается во всех основных браузерах.

Возвращает нижнее свойство:

object .style.bottom

Установить нижнее свойство:

object .style.bottom="auto| Значения свойств

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

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

Установите нижнюю позицию <div> элемент:

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

Использование отрицательных значений - Установить нижнюю позицию <div> элемент:

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

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

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