Свойства заполнителя
Свойства заполнителя задают размеры заполнителя объемлющего прямоугольника. Все они имеют тип <размер-заполнителя>, который определяется следующим образом:
<размер-заполнителя> = <размер> | <процент>
<размер>
Задает фиксированный размер.
<процент>
Вычисляется относительно ширины вмещающего блока, даже для вертикальных границ.
В отличие от размеров границ, размеры заполнителей не могут быть отрицательными.
Размер верхнего заполнителя: свойство padding-top
| Поддержка : |  | Соответствует стандарту (4.0+) | | |  | Соответствует стандарту (4.0+) |
Свойство padding-top задает размер верхнего заполнителя объемлющего прямоугольника. Пример:
BLOCKQOUTE { padding-top: 0.5em }
Размер нижнего заполнителя: свойство padding-bottom
| Поддержка : | | Соответствует стандарту (4.0+) | | | | Соответствует стандарту (4.0+) |
Свойство padding-bottom задает размер нижнего заполнителя объемлющего прямоугольника. Пример:
BLOCKQOUTE { padding-bottom: 0.5em }
Размер левого заполнителя: свойство padding-left
| Поддержка : | | Соответствует стандарту (4.0+) | | | | Соответствует стандарту (4.0+) |
Свойство padding-left задает размер левого заполнителя объемлющего прямоугольника. Пример:
BLOCKQUOTE { padding-left: 20px }
Размер правого заполнителя: свойство padding-right
| Поддержка : | | Соответствует стандарту (4.0+) | | | | Соответствует стандарту (4.0+) |
Свойство padding-right задает размер правого заполнителя объемлющего прямоугольника. Пример:
BLOCKQUOTE { padding-right: 20px }
Размеры заполнителя: свойство padding
| Поддержка : | | Соответствует стандарту (4.0+) | | | | Соответствует стандарту (4.0+) |
Свойство padding является сокращением для свойств padding-top, padding-bottom, padding-left и padding-right. Оно задает размер всех заполнителей объемлющего прямоугольника одновременно.
Его значением может быть от одного до четырех размеров. Если заданы все размеры, то они применяются к верхнему, правому, нижнему и левому заполнителю соответственно. Если задан только один размер, то он применяется ко всем заполнителям. Если заданы два или три значения, то недостающий размер принимается равным размеру противоположного заполнителя. Примеры:
BODY { padding: 1em } /* все заполнители равны 1em */
BODY { padding: 1em 2em } /* top & bottom = 1em, right & left = 2em */
BODY { padding: 1em 2em 3em } /* top=1em, right=2em, bottom=3em, left=2em */
BODY { padding: 1em 2em 3em 4em } /* top=1em, right=2em, bottom=3em, left=4em */
1 2 3 4 5 6 7
8 8 8
| 
*
Обратная связь