CSS приклад: padding-top

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
6.0+8.0+1.0+3.5+1.0+1.0+1.0+1.0+

Коротка інформація

Значення за замовчуванням0
НаслідуєтьсяНі
ЗастосовуєтьсяДо всіх елементів
Посилання на специфікаціюhttp://www.w3.org/TR/CSS21/box.html#propdef-padding-top

Версії CSS

CSS 1CSS 2CSS 2.1CSS 3

Опис

Встановлює значення поля від верхнього краю вмісту елемента. Полем називається відстань від внутрішнього краю рамки елемента до уявного прямокутника, що обмежує його вміст (рис. 1).

Синтаксис

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

Значення

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

Об'єктна модель

[window.]document.getElementById("ідентифікатор елемента").style.paddingTop

Браузери

Internet Explorer до версії 7.0 включно не підтримує значення inherit.

Часті запитання

  • Q: Як використовувати padding-top в CSS?

    A: padding-top в CSS використовується для задання відступу зверху від вмісту елемента.

  • Q: Чи можна використовувати від'ємне значення для padding-top в CSS?

    A: Так, можна використовувати від'ємне значення для padding-top в CSS, щоб зменшити відстань між верхньою границею елемента і його вмістом.

  • Q: Як використовувати відсоткове значення для padding-top в CSS?

    A: В CSS можна вказати відступ від верхнього краю елемента у відсотках, наприклад, 'padding-top: 10%;'.

  • Q: Де можна застосувати властивість padding-top в CSS?

    A: Властивість padding-top в CSS можна використовувати в різних місцях, наприклад, для внутрішнього відступу від верхнього краю блоку або для створення простору між текстом та верхньою частиною блоку.

  • Q: Чи можна задати padding-top для inline елементів в CSS?

    A: Властивість padding-top не працює для inline елементів в CSS. Для цього типу елементів краще використовувати margin-top.