English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по CSS

Правила CSS (RULES)

Полный список свойств CSS

Метод использования и примеры свойств CSS padding

Свойство padding CSS можно использовать для установки отступа на всех четырех сторонах элемента. Этоpadding-top,padding-right,padding-bottom<tr>padding-leftКраткое имя свойства.

В таблице приведено описание использования и истории версий этого свойства, а также синтаксис использования свойства в скриптах JavaScript.

Значение по умолчанию:0
适用于:0Применяется к:,Все элементы, кроме,<tbody>,<thead>,<tfoot><tr><colgroup>и<col>.
. Оно также применяется к::first-letter
Инheritance:НетАнимируемо: Да..
См. такжеАтрибуты анимации
Версия:CSS 1, 2, 3JavaScript

Синтаксис использования padding

Синтаксис

.style.padding="20px 15px"

Синтаксис использования padding

  padding: [ length | percentage] 1 to 4 values | initial | inherit
   Ниже приведен пример того, как использовать атрибут padding.
  padding: 20px;
  Пример
   p.one {
  padding: 20px;
p.two {

padding: 35px 15px;

  • }Тестирование看看‹/›Это сокращенное обозначение может быть одним, двумя, тремя или четырьмя значениями, разделенными пробелами.

  • Если установленоОдно значениеЕсли установлено, то это заполнение применяется ко всем четырем сторонам.

  • Три значения соответственноПриложение сверху, горизонтально (т.е. слева и справа) и снизу.

  • Четыре значенияПриложение по порядку сверху, справа, снизу, слева.

Значения атрибута

В таблице ниже описаны значения этого атрибута.

ЗначениеОписание
padding-topУстановить заполнение в верхнюю сторону элемента.
padding-rightУстановить заполнение в правую сторону элемента.
padding-bottomУстановить заполнение в нижнюю сторону элемента.
padding-leftУстановить заполнение в левую сторону элемента.
initialУстановить этот атрибут в его значение по умолчанию.
inheritЕсли указано, то связанный элемент использует значение свойства padding родительского элемента.

Совместимость браузеров

Совместимость браузеров для атрибута padding. Числа в таблице представляют собой минимальную версию браузера, поддерживающего этот атрибут; все основные браузеры поддерживают этот атрибут.

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Дополнительное чтение

См. также следующие руководства:Заполнение CSS,Модель блока CSS.

Связанные атрибуты:padding-top,padding-right,padding-bottom,padding-left.