Рейтинг@Mail.ru
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS РЕКЛАМА

CSS Свойство bottom


CSS Справочник Полный CSS Справочник

Пример

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

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

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

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

Для абсолютно позиционированных элементов свойство bottom располагает нижний край элемента на указанном расстоянии выше/ниже от края элемента, его содержащего.

Для относительно позиционированных элементов свойство bottom располагает нижний край элемента на указанном расстоянии выше/ниже по отношению к его обычному положению.

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

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


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

Internet Explorer Firefox Opera Google Chrome Safari

Свойство bottom поддерживается всеми основными браузерами.

Замечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8 требует объявления !DOCTYPE. IE9 поддерживает "inherit".


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

Значение Описание
auto Позволить браузеру вычислять положение нижнего края. Это значение по умолчанию
расстояние Устанавливает положение нижнего края в пикселах, сантиметрах и т.д. Допустимы отрицательные значения
% Устанавливает положение нижнего края в % от содержащего элемента. Допустимы отрицательные значения
inherit Указывает, что значение свойства bottom должно наследоваться от родительского элемента


Смотрите Также

CSS уроки: CSS Позиционирование


CSS Справочник Полный CSS Справочник

© 2011-2017 Уроки CSS
Рейтинг@Mail.ru