Свойство bottom
Пример style.bottom
Установите свойство нижней позиции элемент <button>:
document.getElementById("myBtn").style.bottom = "100px";Попробуйте сами »
Описание bottom
Свойство bottom устанавливает или возвращает нижнюю позицию позиционируемого элемента.
Это свойство определяет нижнюю позицию элемента, включая отступ, полосу прокрутки, границу и поля.
Совет: Позиционированный элемент — это элемент, у которого свойство position установлено на: относительное, абсолютное или фиксированное.
Совет: Чтобы задать или вернуть верхнюю позицию позиционированного элемента, используйте свойство top.
Поддержка bottom
| Свойство | |||||
|---|---|---|---|---|---|
| bottom | Да | Да | Да | Да | Да |
Синтаксис bottom
Вернуть свойство bottom:
object.style.bottom
Установите свойство bottom:
object.style.bottom = "auto|length|%|initial|inherit"
Значение свойства bottom
| Значение | Описание |
|---|---|
| auto | Позволяет браузеру установить нижнюю позицию. Это значение по умолчанию |
| length | Определяет нижнюю позицию в единицах длины. Отрицательные значения допускаются |
| % | Устанавливает нижнюю позицию в % от высоты родительского элемента |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали bottom
| Значение по умолчанию: | auto |
|---|---|
| Возвращаемое значение: | Строка, представляющая нижнюю позицию позиционируемого элемента. |
| CSS Версия | CSS2 |
Ещё примеры bottom
Установите свойство нижней позиции элемента <div>:
document.getElementById("myDiv").style.bottom = "10px";
Попробуйте сами »
Использование отрицательных значений — установка нижней позиции элемента <div>:
document.getElementById("myDiv").style.bottom = "-100px";
Попробуйте сами »
Вернуть свойство нижняя позиция элемента <div>:
alert(document.getElementById("myDiv").style.bottom);
Попробуйте сами »
Связанные страницы bottom
CSS Учебник: CSS Позиционирование
CSS Справочник: Свойство bottom