CSS Свойство bottom
Полный CSS Справочник
Пример
Установка нижнего края изображения на 5 пикселов выше нижнего края элемента, его содержащего:
img
{
position:absolute;
bottom:5px;
} |
Попробуйте сами » |
Определение и ИспользованиеДля абсолютно позиционированных элементов свойство bottom располагает нижний
край элемента на указанном расстоянии выше/ниже от края элемента, его содержащего.
Для относительно позиционированных элементов свойство bottom располагает нижний край
элемента на указанном расстоянии выше/ниже по отношению к его обычному положению.
Замечание: Если значение свойства позиционирования равно "position:static", свойство bottom
не возымеет эффекта.
Значение по умолчанию: |
auto |
Наследуется: |
нет |
Версия: |
CSS2 |
JavaScript синтаксис: |
объект.style.bottom="50px" |
Поддержка Браузерами
Свойство bottom поддерживается всеми основными браузерами.
Замечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8
требует объявления !DOCTYPE. IE9 поддерживает "inherit".
Значения Свойства
Значение |
Описание |
auto |
Позволить браузеру вычислять положение нижнего края. Это значение по умолчанию
|
расстояние |
Устанавливает положение нижнего края в пикселах, сантиметрах и т.д. Допустимы отрицательные значения
|
% |
Устанавливает положение нижнего края в % от содержащего элемента.
Допустимы отрицательные значения |
inherit |
Указывает, что значение свойства bottom должно наследоваться от родительского элемента |
Смотрите ТакжеCSS уроки: CSS Позиционирование
Полный CSS Справочник
|