CSS свойства фона.

Свойство background-color определяет цвет фона.

Значения:

transparent - прозрачный фон.

#0f0f0f - значение цвета.

Пример:

.p { background-color : #003399; }

Свойство background-image определяет фоновый картинку.

Значения:

none - без картинки.

URL - ссылка на файл.

Пример:

.p { background-image : url (044.jpg); }

Свойство background-repeat определяет , будет ли повторяться фоновая картинка.

Значения:

no-repeat - без повторений.

repeat - с повторениями.

repeat-х - повторяет только по горизонтали.

repeat-y - повторяет только по вертикали.

Пример:

.p { background-repeat : no-repeat; }

Свойство background-position определяет , начальное положение фоновой картинки.

В качестве значений выступают два числа, причем первое задает смещение по горизонтали, второе – по вертикали.

Значения:

num num - смещение по горизонтали и по вертикали.

top - фоновая картинка вверху.

left - фоновая картинка слева.

center - фоновая картинка по центру.

right - фоновая картинка справа.

bottom - фоновая картинка внизу.

Пример:

.p { background-position : left; }

.p { background-position : 20px 30px; }

Свойство background-attachment определяет , будет ли фон прокручиваться вместе с содержимым.

Значения:

scroll - будет прокручиваться.

fixed - не будет прокручиваться.

Пример:

.p { background-attachment : fixed; }

Свойство background одновременно задает несколько свойств.

Пример:

.p { background : #006633 url(044.jpg) repeat-x fixed center; }


html-css-tegs.ru © 2011 - 2024 год.
Все права защищены