Оновлення браузерів та властивості CSS Bottom
Bottom у CSS визначає положення нижнього краю елемента. Діє незалежно від товщини рамок та відступів.
При відносному позиціонуванні відлік ведеться від нижнього краю початкового положення елемента, а при абсолютному - від нижнього краю вікна браузера.
Значення може бути позитивним, від'ємним або відсутнім, що вказує на успадкування від батьківського елемента.
Синтаксис:
bottom: значення | відсотки | auto | inherit
Значення:
Допустимі одиниці довжини в CSS, наприклад, пікселі (px), дюйми (in), пункти (pt) і т.д.
- auto
- Не змінює положення елемента.
- inherit
- Наслідує значення від батьківського елемента.
Приклад:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>bottom</title>
<style>
#layer {
bottom: 20px;
position: absolute;
background: #f0f0f0;
padding: 7px;
border: solid 1px black;
}
</style>
</head>
<body>
<div id="layer">
Текст...
</div>
</body>
</html>Об'єктна модель:
document.getElementById("ідентифікатор").style.bottom
Браузери:
IE 6 не підтримує одночасне встановлення значень top, left, right, bottom для абсолютних елементів.
IE до версії 7.0 не підтримує значення inherit.