Определяет нижнюю вертикальную позицию элемента. Работает в паре со свойством position
.
- Для
position: relative
происходит смещение от изначальной позиции элемента. - Для
position: absolute
иposition: fixed
смещение относительно родительского блока. - Для
position: sticky
смещение работает сначала как дляrelative
, но при прокручивании фиксируется какfixed
. - Для
position: static
не работает.
Если задано одновременно свойство bottom
и top
:
- Для
position: absolute
иposition: fixed
будут учитываться оба свойства, если высота не задана - Для
position: relative
свойствоbottom
будет проигнорировано. - Для
position: sticky
будет проигнорировано.
Примеры
Значения
Значение | Описание |
---|---|
auto | По умолчанию. Блок не перемещается. |
расстояние | Расстояние от нижнего края в px, em и других единицах измерения. Допустимы отрицательные значения. Например: bottom: 10px; bottom: -.3em; bottom: 0; |
проценты | Расстояние в процентах от высоты родительского блока. Например: bottom: 5%; |
inherit | Наследует значение родительского блока. |
initial | Устанавливает значение по умолчанию. |
Поддержка браузерами
НастольныеМобильные
bottom
1
12
1
5
6
1
18
4
14
1
1.0
≤37
Поддерживается: Да