О спецификации CSS2 том 2



         

Свойства заполнения 'paddingtop' 'paddingright' 'paddingbottom' 'paddingleft' и 'padding'


Свойства обтекания специфицируют ширину области заполнения бокса. Сокращённое свойство 'padding' устанавливает заполнение для всех четырёх сторон, а другие свойства заполнения устанавливают соответствующие стороны.

Свойства, определённые в этом разделе, относятся к типу значений <padding-width>, который может устанавливаться в:

<length> Специфицирует фиксированную ширину. <percentage> Процентное, высчитывается относительно ширины содержащего блока, генерирующего бокс, в том числе и для 'padding-top' и 'padding-bottom'.

В отличие от свойств полей, значения заполнения не могут быть негативными. Как и в свойствах полей, процентные значения свойств заполнения относятся к ширине бокса, сгенерированного содержащим блоком. 'padding-top', 'padding-right', 'padding-bottom', 'padding-left'

Значение:<padding-width> | inherit
Начальное:0
Применяется:ко всем элементам
Наследуется:нет
Процентное:относительно ширины содержащего блока
Носитель:визуальный

Эти свойства устанавливают верхнее, правое, нижнее и левое заполнение для бокса.

Пример(ы):

BLOCKQUOTE { padding-top: 0.3em } 'padding'
Значение:<padding-width>{1,4} | inherit
Начальное:не определено для сокращённого свойства
Применяется: ко всем элементам
Наследуется: нет
Процентное:относительно ширины содержащего блока
Носитель:визуальный

Свойство 'padding' - это сокращённое свойство для установки 'padding-top', 'padding-right', 'padding-bottom' и 'padding-left' в одном месте в таблице стилей.

Если имеется одно значение, то оно применяется ко всем сторонам. Если дано два значения, верхнее и нижнее заполнение устанавливаются в первое, а правое и левое заполнения - во второе значение. Если дано три значения, верхнее заполнение устанавливается в первое, левое и правое - во второе, а нижнее заполнение - в третье значение. Если задано четыре значения, они применяются к верхнему, правому, нижнему и левому заполнениям соответственно.


Цвет поверхности области заполнения специфицируется через свойство 'background':

Пример(ы):

H1 { background: white; padding: 1em 2em; }

Вышеприведённый пример специфицирует вертикальное заполнение '1em' ('padding-top' и 'padding-bottom') и горизонтальное заполнение '2em' ('padding-right' и 'padding-left'). Единицы измерения 'em' относительны к размеру шрифта элемента: '1em' эквивалентно размеру используемого шрифта.



Содержание Назад Вперед