Авторский знак. 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 31


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

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

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

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

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

Свойство top применяется вместе со свойством position и устанавливает расстояние, без учета толщины границ( border) и величины отступов( свойство margin), между верхней границей текущего элемента и: верхней границей родительского элемента; верхним краем окна браузера; относительно первоначального места положения верхней границы данного элемента. Значение cвойство top задается в единицах длины или в %: auto – положение элемента не изменяется; inherit - принимает значение свойства родительского элемента.

Особенно интересное и полезное в данном случае не в том, что совершается какое-то изменение какого-то участка( элемента) страницы сайта. Вся удивительная и необходимая информация содержится в том, что свойство top, которое действует через стили CSS3 самостоятельно и независимо работает и при отключения JavaScripta в браузере Вашего компьютера. Вам не надо гадать: будет работать - не будет работать, потому как работает постоянно и стабильно.


Синтаксис:

            top: auto|length|initial|inherit;

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

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


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

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


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

< !DOCTYPE>
< html>
< head>
< style>
img
{
position:absolute;
top:15px;
}
< /style>
< /head>
< body>
< img src="../fon/41.jpg" width="120" height="120">
< h2>Это заголовок второго уровня< /h2>
< /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
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: