Litra Library
Главная » Статьи » WEB » Свойства CSS
BOTTOM
Браузер Internet Explorer Firefox Mozilla Opera Netscape Safari
Версия 5.5 6.0 7.0 1.0 2.0 1.7 7.0 8.0 9.0 6.0 7.0 8.0 1.0
Поддержка Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается

Краткая информация

CSS CSS2
Значение по умолчанию auto
Наследование Нет
Применяется Ко всем элементам
Аналог HTML Нет
Ссылка на спецификацию http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-bottom

Описание

Задает положение нижнего края содержимого элемента без учета толщины рамок и отступов. Координаты отсчитываются от параметра position, он, как правило, принимает значение relative (относительное положение) или absolute (абсолютное положение).

При относительном позиционировании элемента, отсчет ведется от нижнего края исходного положения элемента, а при абсолютном - относительно нижнего края окна документа.

Аргументы

В качестве значений принимаются любые единицы длины, принятые в CSS - например, пикселы (px), дюймы (in), пункты (pt) и др. Значение параметра bottom может быть и отрицательным, в этом случае возможны наложения разных элементов друг на друга. При задании значения в процентах, положение элемента вычисляется в зависимости от высоты родительского элемента. Аргумент auto не изменяет положение элемента.

Пример

Валидный HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>bottom</title>
<style type="text/css">
#layer {
 bottom: 20px; /* Расстояние от нижнего края окна браузера */
 position: absolute; /* Абсолютное позиционирование */
 background: #f0f0f0; /* Цвет фона */
 padding: 7px; /* Поля вокруг текста */
 border: solid 1px black; /* Параметры рамки */
}
</style>
</head>
<body>

<div id="layer">
Для успешного ведения бизнеса каждой компании в какой-то момент становится необходимо использовать потенциал сети Интернет. Самый простой способ - это иметь свое представительство в сети (Web-сайт).
</div>

</body>
</html>
Категория: Свойства CSS | Добавил: expert1 (31.01.2013)
Просмотров: 317 | Теги: CSS, свойства | Рейтинг: 0.0/0
Всего комментариев: 0

Проекты

RSS Правила Бесплатный хостинг uCoz Litra Library
^ Наверх ^