Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - bottom.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Определение и использование. Для абсолютно позиционируемых элементов свойство bottom устанавливает нижний край элемента к блоку выше/ниже нижнего края содержащего элемента. Для относительно позиционируемых элементов свойство bottom устанавливает нижний край элемента к блоку выше/ниже своего нормального положения. Внимание!!! Если "положение: static", то свойство bottom не имеет никакого эффекта.

отсутствуют, например, граница border: solid #ff0000; допускается.

Самое мощное здесь даже не в том, что производится некое изменение некого участка страницы сайта. Самое мощное здесь в том, что свойство bottom, которое действует через стили CSS3 автономно работает даже при отключения JavaScripta в браузере Вашего компьютера.


Синтаксис:

         bottom: auto|length|initial|inherit;

Описание и Использование

Значение по умолчанию: auto
наследует: нет
анимируемых: да
Версия: CSS2
JavaScript синтаксис: object.style.bottom="10px"


Свойство Значения

Значение Описание
auto Позволяет браузеру расчитать нижний край позиции. Это значение установлено по умолчанию
length Устанавливает нижний край позиции в px, см и др. Отрицательные значения
% Устанавливает нижний край позиции в % содержащий элемент. Отрицательные значения
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


Пишем программу:

< !DOCTYPE>
< html>
< head>
< style>
img.rr1
{
position:absolute;
bottom:0px;
}

img.rr2
{
position:relative;
bottom:-100px;
}
< /style>
< /head>
< body>
< img class="rr1" src="../oboi/2014a.gif" width="120" height="90">
< h2>Это заголовок второго уровня< /h2>
< img class="rr2" src="../oboi/2014a.gif" width="120" height="90">
< /body>
< /html>                     

Результат программы:

Это заголовок второго уровня




seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: