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

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

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

Определение и использование. Свойство margin-top устанавливает верхнюю границу элемента. Отступом является пространство от границы выбранного элемента до внутренней границы родительского элемента. Внимание!!! Не допускаются отрицательные значения.

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


Синтаксис:

         margin-top: length|auto|initial|inherit;

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

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


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

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


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

< !DOCTYPE>
< html>
< head>
< style>
p#rr1 {margin-top:2cm;}
< /style>
< /head>
< body>
< p>Поля для данного абзаца не указаны.< /p>
< hr>
< p id="rr1">Поле для этого абзаца сверху 2см.< /p>
< hr>
< p>Поля для данного абзаца не указаны.< /p>< hr>
< /body>
< /html>                      

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


Поля для данного абзаца не указаны.


Поле для этого абзаца сверху 2см.


Поля для данного абзаца не указаны.





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
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: