CSS свойство bottom, поддержка в браузерах, примеры использования // Вебшкола онлайн



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

img { position:absolute; bottom:5px;

}

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

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

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

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

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

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

chrome-5133549 firefox-1796267 ie-6113049 opera-1130644 safari-7591536
Свойство bottom поддерживается всеми основными браузерами.

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

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

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

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

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

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