Основы CSS


Оформление CSS


Боксовая модель CSS


Расширенный CSS


Примеры CSS


Справка CSS


HTML-верстка: инструменты и приемы профессиональной front-end разработки

Свойство CSS bottom

Перейти к справке CSS

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


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

Свойство CSS bottom действует для абсолютно позиционированных элементов и устанавливает расстояние между нижней границей элемента и нижней границей его родителя. В случае, если элемент не вложен в другой элемент, родителем считается body.

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

Заметка: Если позиция элемента задана "static", свойство bottom не оказывает никакого эффекта.

Значение по умолчанию авто
Наследование нет
Версия CSS CSS 2
Синтаксис JavaScript object.style.bottom="50px"

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

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

Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.


Возможные значения свойства bottom

Значение Описание
auto Браузер вычисляет значение автоматически. Значение по умолчанию
размер Задает расстояние в px (пикселях), cm (сантиметрах) и тд. Отрицательные значения разрешены
% Задает расстояние в процентах от родительского элемента. Отрицательные значения разрешены
inherit Значение наследуется от родительского элемента

Связанные страницы

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


Перейти к справке CSS


СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта