padding-top
![]() | ![]() | ![]() | ![]() | ![]() | |||||||||||||
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.