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

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

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

Определение и использование. Свойство padding-top устанавливает верхний отступ( пробел) элемента, то есть задает значение свойство padding-top поля от верхнего края содержимого выбранного элемента. Полем называется расстояние от внутреннего края рамки выбранного элемента до воображаемого прямоугольника, ограничивающего его содержимое. Внимание!!! Отрицательные значения не допускаются. При этом значение верхнего поля padding-top можно написать в пикселах( px), процентах( %), в других единицах измерений без ущерба для отображений. Значение inherit указывает, что оно наследуется у родителя. При указании поля в процентах, значение считается от ширины родителя элемента.

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


Синтаксис:

           padding-top: length|initial|inherit;

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

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


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

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


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

< !DOCTYPE>
< html>
< head>
< style>
p#rr1 {padding-top:2cm;}
p#rr2 {padding-top:50%;}
< /style>
< /head>
< body>
< p>Этот текст не имеет отступ сверху. Этот текст не имеет отступ сверху.
 Этот текст не имеет отступ сверху".< /p>
< p id="rr1">Данный текст имеет отступ сверху-2см. Данный текст имеет 
отступ сверху-2см. Данный текст имеет отступ сверху-2см.< /p>
< p id="rr2">Данный текст имеет отступ сверху на 50%. Данный текст имеет 
отступ сверху на 50%. Данный текст имеет отступ сверху 50%.< /p>
< /body>
< /html>                      

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

Этот текст не имеет отступ сверху. Этот текст не имеет отступ сверху. Этот текст не имеет отступ сверху".


Данный текст имеет отступ сверху-2см. Данный текст имеет отступ сверху-2см. Данный текст имеет отступ сверху-2см.


Данный текст имеет отступ сверху на 50%. Данный текст имеет отступ сверху на 50%. Данный текст имеет отступ сверху 50%.




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