CSS bottom Свойство
Пример
Установите нижний край элемента <div>, чтобы он 10px над нижним краем ближайшего родительского элемента с некоторым позиционированием:
div.absolute {
position: absolute;
bottom:
10px;
width: 50%;
border: 3px solid #8AC007;
}
Определение и использование
Свойство bottom
влияет на вертикальное положение позиционного элемента.
Это свойство не влияет на нерасположенные элементы.
- Если позиция: абсолютная; или положение: Исправлено; - Свойство
bottom
устанавливает нижний край элемента на единицу выше/ниже нижнего края его ближайшего расположенного предка. - Если позиция: относительная; - Свойство
bottom
позволяет нижнему краю элемента перемещаться выше/ниже его нормального положения. - Если позиция: липкий; - Свойство
bottom
себя, как его позиция является относительной, когда элемент находится внутри видового экрана, и, как его положение фиксируется, когда он находится снаружи. - Если позиция: статическая; - Свойство
bottom
не имеет эффекта.
Значение по умолчанию: | auto |
---|---|
Inherited: | no |
Animatable: | yes. Читайте о animatable |
Version: | CSS2 |
Синтаксис JavaScript: | object.style.bottom="10px" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Свойство | |||||
---|---|---|---|---|---|
bottom | 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
Синтаксис CSS
bottom: auto|length|initial|inherit;
Значения свойств
Значение | Описание | |
---|---|---|
auto | Позволяет обозревателю рассчитать положение нижнего края. Это значение по умолчанию | |
length | Задает положение нижнего края в пикселах, см и т. д. Допустимы отрицательные значения. Читать о единицах длины | |
% | Задает положение нижнего края в% от содержащего элемента. Допустимы отрицательные значения | |
initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Похожие страницы
CSS Справочник: CSS Positioning
CSS Справка: top Свойство
CSS Справка: left Свойство
CSS Справка: right Свойство
HTML DOM Справочник: bottom Свойство