Описание
padding - позволяет установить величину внутреннего отступа сразу для всех сторон элемента или указать ее только для указанных сторон.
CSS 1 / CSS 2 / CSS 2.1 / CSS 3
Значения
padding: размер - размер внутреннего поля в единицах измерения CSS.
padding: % - размер внутреннего отступа в процентах.
padding: inherit; - наследут значение родительского элемента.
padding: % - размер внутреннего отступа в процентах.
padding: inherit; - наследут значение родительского элемента.
Запись
padding: left - Устанавливает значение поля между левым внутренним краем элемента и его содержимым.
padding: top - Устанавливает значение поля между верхним внутренним краем элемента и его содержимым.
padding: right - Устанавливает значение поля между правым внутренним краем элемента и его содержимым.
padding: bottom - Устанавливает значение поля между нижним внутренним краем элемента и его содержимым.
padding: top - Устанавливает значение поля между верхним внутренним краем элемента и его содержимым.
padding: right - Устанавливает значение поля между правым внутренним краем элемента и его содержимым.
padding: bottom - Устанавливает значение поля между нижним внутренним краем элемента и его содержимым.
Значение по умолчанию: 0.
Примеры синтаксиса
Примеры синтаксиса
| Все значения | очередность значений |
| padding: 1px 2px 3px 4px; | верх,справа,низ,слева. |
| padding: 1px 2px 3px; | верх,справа и слева,низ. |
| padding: 1px 2px; | верх и низ,справа и слева. |
Пример записи
Результат данного кода padding
Свойство CSS padding - позволяет установить величину внутреннего отступа сразу для всех сторон элемента или указать ее только для указанных сторон.
padding: 10px; 4px; 3px; 15px;
padding: 10px; 4px; 3px; 15px;
Свойства CSS
- animation
- animation-direction
- appearance
- background-clip
- background-color
- background-image
- background-attachment
- background-repeat
- background-size
- background-position
- border
- column-count
- column-gap
- column-rule
- column-width
- content
- cursor
- direction
- font-family
- filter
- float
- font
- font-size
- font-stretch
- font-style
- font-weight
- line-height
- margin
- max-height
- min-height
- margin-top
- opacity
- orphans
- outline
- overflow
- padding
- position
- quotes
- resize
- right
- rotation-point
- table-layout
- text-align
- text-align-last
- text-decoration
- text-indent
- text-justify
- text-overflow
- text-shadow
- text-transform
- top
- transform
- transform-origin
- transform-style
- transition
- transition-delay
- transition-duration
- transition-property
- transition-timing-function
- vertical-align
- visibility
- white-space
- word-break
- word-spacing
- word-wrap
- z-index
