CSS свойство bottom, поддержка в браузерах, примеры использования // Вебшкола онлайн
Перейти к справке CSSimg { position:absolute; bottom:5px;
}
Описание и использование
Свойство CSS bottom действует для абсолютно позиционированных элементов и устанавливает расстояние между нижней границей элемента и нижней границей его родителя. В случае, если элемент не вложен в другой элемент, родителем считается body.
Для относительно позиционированных элементов, свойство bottom задает расстояние между нижней границей элемента и положением нижней границы элемента при обычном позиционировании (static).
Заметка: Если позиция элемента задана «static», свойство bottom не оказывает никакого эффекта.
| Значение по умолчанию | авто |
|---|---|
| Наследование | нет |
| Версия CSS | CSS 2 |
| Синтаксис JavaScript | object.style.bottom=»50px» |
Поддержка в браузерах
Свойство bottom поддерживается всеми основными браузерами.
Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.
Возможные значения свойства bottom
| Значение | Описание |
|---|---|
| auto | Браузер вычисляет значение автоматически. Значение по умолчанию |
| размер | Задает расстояние в px (пикселях), cm (сантиметрах) и тд. Отрицательные значения разрешены |
| % | Задает расстояние в процентах от родительского элемента. Отрицательные значения разрешены |
| inherit | Значение наследуется от родительского элемента |
Связанные страницы
Учебник CSS: CSS позиционирование
Комментарии 0