Все справочники находятся в стадии наполнения. Если у вас есть идеи на счёт того как улучшить этот раздел, то вы можете оставить комментарий под конкретной записью или написать свои предложения по адресу admin@tuhub.ru.

bottom

CSS bottom

Свойство bottom - позволяет указать смещение снизу для позиционированного элемента относительно его контекста позиционирования.

Общие сведения

Это одно из четырёх свойств смещения в которые также входят top, right, и left.

Свойства смещения используются для указания точного положения позиционированного элемента и вообще никак не влияют на не позиционированные (статичные) элементы. Чтобы использовать это свойство, у элемента в свойстве position должно быть установлено значение отличное от static.

Синтаксис свойства

  • Синтаксис:
    bottom: <length> | <percentage> | auto
  • Значение по умолчанию: auto
  • Применяется: к позиционированным элементам
  • Наследуется: нет
  • Анимируется: да

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

  • <length> - смещение задаётся с помощью фиксированной величины. Смотрите тип данных <length> чтобы увидеть полный список возможных значений.
    Разрешено указывать отрицательные значения. Положительные значения смещают элемент вверх от его нижнего края контекста позиционирования, а отрицательные значения смещают элемент вниз.
  • <percentage> - смещение задаётся процентами от высоты родительского блока.
  • auto - элемент остаётся в своей естественной позиции.

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

Свойство bottom поддерживается во всех основных браузерах: Chrome, Firefox, Safari, Opera, Internet Explorer и на Android и на iOS.

Примечание

Свойство bottom также может принимать значение inherit, которое позволяет элементу наследовать нижнее смещение от родительского элемента.

Пример