padding-top

Internet Explorer			Netscape		Opera			Safari			Firefox
6.0	7.0	8.0	8.0	9.0	8.0	9.2	9.5	1.3	2.0	3.1	1.5	2.0	3.0
Частично	Частично	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да

CSS	CSS1, CSS2.1
Значение по умолчанию	0
Наследуется	Нет
Применяется	Ко всем элементам
Аналог HTML	Нет

Описание

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

Синтаксис

padding-top: значение | inherit

Значения

Величину верхнего поля можно указывать в пикселах (px), процентах (%) или других допустимых для CSS единицах. Значение inherit указывает, что оно наследуется у родителя.

Пример

<!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>padding-top</title>
  <style type="text/css">
   .layer {
    background: #fc3; /* Цвет фона */
    border-top: 5px solid #000; /* Параметры верхней линии */
    border-bottom: 5px solid #000; /* Параметры нижней линии */
    padding: 5px; /* Поля вокруг текста */
    padding-top: 10%; /* Поле сверху */
    padding-bottom: 10%; /* Поле снизу */
   }
  </style>
 </head>
 <body> 
  
  <div class="layer">
   Этот текст имеет отступы по 5 пикселей, 
   а сверху и снизу - по 10 прцентов
  </div>
  
 </body>
</html>

Объектная модель

[window.]document.getElementById("elementID").style.paddingTop

Браузеры

Internet Explorer до седьмой версии включительно не поддерживает значение inherit.