Свойство bottom CSS

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

Свойство bottom определяет нижний край элемента. Это свойство определяет смещение внешней границы нижнего отступа定位енного элемента от нижней границы содержащего блока.

Комментарий:Если значение свойства position равно "static", то установка свойства bottom не имеет никакого эффекта.

Описание

Для элементов static, auto; для значений длины, соответствующие абсолютные значения; для значений процента, указанные значения; в противном случае, auto.

Для относительных элементов, если bottom и top оба auto, их значения равны 0; если один из них auto, то значение другого принимается в противоположном направлении; если оба не auto, bottom принимает значение top в противоположном направлении.

См. также:

Урок CSS:CSS позиционирование

Руководство по HTML DOM:Свойство bottom

Пример

Установите нижний край изображения на 5 пикселей выше нижнего края содержащего элемента:

img
  {
  position:absolute;
  bottom:5px;
  }

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

CSS синтаксис

bottom: auto|length|initial|inherit;

Значение свойства

Значение Описание
auto Значение по умолчанию. Расчет位置的 нижней границы выполняется браузером.
% Устанавливает положение нижнего края элемента в процентах от содержимого элемента. Можно использовать отрицательные значения.
length Используйте единицы измерения px, cm и т.д. для установки позиции нижнего края элемента. Можно использовать отрицательные значения.
inherit Определяет, что значение свойства bottom должно быть принято от родительского элемента.

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

Значение по умолчанию: auto
Инheritance: нет
Версия: CSS2
JavaScript синтаксис: object.style.bottom="50px"

Более примеров

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

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.0 6.0