Руководство по CSS

Правила CSS (@RULES)

Полный список свойств CSS

Свойство box-shadow в CSS3 Свойство border-width в CSS

Метод использования свойства CSS bottom и примеры

Свойство bottom CSS указывает на смещение нижнего края позиционируемого элемента относительно нижнего края рамки参照ительного элемента или окна браузера.

ДляАбсолютное позиционированиеЭлементы, для которых свойство bottom указывает на расстояние между нижним краем рамки элемента и нижним краем его содержимого.
ДляОтносительно позиционированияЭлементы, для которых свойство bottom указывает на смещение нижнего края рамки относительно herself рамки (т.е., рамка дается в нормальном потоке, а затем смещается по этим свойствам).

Таблица ниже содержит описание использования и историю версий этого свойства, а также грамматiku его использования в скриптах JavaScript.

Значение по умолчанию:	auto
Поддерживается:	Элементы позиционирования
Инheritance:	Нет
Анимировано:	Да.См. также Свойства анимации.
Версия:	CSS 2, 3
Грамматика JavaScript:	object.style.bottom="50px"

Грамматика использования bottom

Грамматика этого свойства такая:

bottom:　length | percentage | auto | initial | inherit

Ниже приведен пример использования свойства bottom.

Пример

　　p　{
　　　position:　absolute;
　　　bottom:　150px;
　　}

Проверьте, ›/‹

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

Таблица ниже описывает значения этого свойства.

Значение	Описание
length	Указать смещение в единицах длины (px, pt, cm, em и т.д.). Разрешены отрицательные значения длины.
percentage	Указать процентное смещение. Расчет процента относительно высоты блока содержимого элемента. Разрешены отрицательные процентные значения.
auto	Браузер вычисляет положение нижнего края. Это значение по умолчанию.
initial	Установить этот параметр в его значение по умолчанию.
inherit	Если указано, то связанный элемент принимает значение свойства bottom родительского элемента.

Совместимость браузеров

Совместимость браузеров для свойства bottom. Числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.

	Firefox 1+ Google Chrome 1+ Internet Explorer 5+ Apple Safari 1+ Opera 6+

Дополнительное чтение

Узнайте больше из следующих учебников:CSS позиция (position),CSS слой.

Связанные свойства:position,top,right,left,z-index.

Свойство box-shadow в CSS3 Свойство border-width в CSS