English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство padding-top CSS устанавливает отступ вверху, то есть пространство между верхним краем и содержимым элемента. Однако, в множестве случаев, сокращенная запись CSS свойствpaddingБолее легко использовать и предпочтительно.
Таблица ниже предоставляет инструкции по использованию и историю версий этого свойства, а также грамматiku его использования в скриптах JavaScript.
| Значение по умолчанию: | 0 |
|---|---|
| Для: | Все элементы, кроме<tbody>,<thead>,<tfoot>,<tr>,<colgroup>и<col>. Она также применяется к::first-letter. |
| Инherit: | Нет |
| Анимировано: | Да.См. также Анимационные свойства. |
| Версия: | CSS 1, 2, 3 |
| JavaScript грамматика: | объект.style.paddingTop="2cm" |
Грамматика этого свойства такова:
padding-top: length | percentage | initial | inherit
Ниже приведены примеры использования свойства padding-top.
h1 {
padding-top: 2em;
}
p {
padding-top: 50px;
}Протестируйте и посмотрите‹/›В таблице ниже описаны значения этого свойства.
| Значение | Описание |
|---|---|
| length | Числовое значение в единицах px, pt, cm, em и т.д.; запрещены отрицательные значения. |
| percentage | Указать процент заполнения. Процент рассчитывается относительно ширины блока содержимого элемента. Запрещены отрицательные проценты. |
| initial | Установить это свойство в его значение по умолчанию. |
| inherit | Если задан, то связанный элемент принимает значение свойства padding-top родительского элемента. |
Совместимость браузеров для свойства padding-top; числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
См. также следующие руководства:CSS отступ,CSS Box модель.
Связанные свойства:padding,padding-right,padding-bottom,padding-left.