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


         

Свойства фона 'backgroundcolor'



14.2.1 Свойства фона: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position' и 'background'

'background-color'
Значение:<color> | transparent | inherit
Начальное:transparent
Применяется:ко всем элементам
Наследуется:нет
Процентное:N/A
Носитель:визуальный

Это свойство устанавливает цвет фона элемента значением <color> или ключевым словом 'transparent' (чтобы сделать фон подложки просвечивающим).

Пример(ы):

H1 { background-color: #F00 } 'background-image'
Значение:<uri> | none | inherit
Начальное:none
Применяется: ко всем элементам
Наследуется:нет
Процентное: N/A
Носитель:визуальный

Это свойство устанавливает изображение-фон элемента. При установке изображения для фона авторам необходимо также специфицировать цвет фона, который будет использоваться, если изображение окажется недоступным. Если изображение доступно, оно выводится поверх цвета фона. (Таким образом, цвет фона будет виден в прозрачных участках изображения).

Значениями данного свойства являются <uri>, для спецификации изображения, или 'none', если изображение не используется.

Пример(ы):

BODY { background-image: url("marble.gif") } P { background-image: none } 'background-repeat'
Значение:repeat | repeat-x | repeat-y | no-repeat | inherit
Начальное:repeat
Применяется:ко всем элементам
Наследуется:нет
Процентное: N/A
Носитель:визуальный

Если специфицировано изображение фона, то данное свойство определяет, повторяется ли данное изображение (размножается ли), и как. Размноженное изображение покрывает области содержимого и заполнения бокса.
Значения имеют следующий смысл:

repeat Изображение размножается горизонтально и вертикально. repeat-x Изображение размножается только горизонтально . repeat-y Изображение размножается только вертикально. no-repeat Изображение не размножается: выводится только одна копия изображения.

Пример(ы):

BODY { background: white url("pendant.gif"); background-repeat: repeat-y; background-position: center; }

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