bottom
Оновлено: 21.12.2022
bottom
Встановлює положення нижнього краю вмісту елемента без урахування товщини рамок і відступів. Відлік координат залежить від властивості position, вона зазвичай приймає значення relative (відносне положення) або absolute (абсолютне положення).
При відносному позиціонуванні елемента, відлік ведеться від нижнього краю вихідного положення елемента, а при абсолютному - щодо нижнього краю вікна браузера (рис. 1). Якщо для батьківського елемента задано position: relative, то абсолютне позиціонування дочірніх елементів визначає їхнє положення від нижнього краю батька (рис. 2).
Рис. 1. Значення bottom при абсолютному позиціонуванні елемента
Рис. 2. Значення bottom відносно батьківського елементу
Коротка інформація
| Значення за замовчуванням | auto |
| Успадковується | НІ |
| Застосовується | До всіх елементів |
| Анімується | Так |
Синтаксис
bottom: <розмір> | <відсотки> | auto
Значення
Як значення приймаються будь-які одиниці довжини, прийняті в CSS - наприклад, пікселі (px), дюйми (in), пункти (pt) тощо. Значення властивості bottom може бути й від'ємним, у такому разі можливе накладання різних елементів один на одного. При заданні значення у відсотках, положення елемента обчислюється залежно від висоти батьківського елемента.
| auto | Не змінює положення елемента. |
Приклад
Об'єктна модель
Об'єкт.style.bottom
Примітка
У браузері Internet Explorer до версії 7 для абсолютно позиціонованих елементів не можна одночасно задати властивості top, left, right, bottom.