Свойства Color и Background

· color

Возможные значения:

[1] цвет (+)

*Применимо для: всех элементов

Описание: цвет

ПРИКЛАД:

color:#f00000

· backgroung-color

Возможные значения:

[1] цвет (+)

*Применимо для: всех элементов

Описание: цвет фона элемента

ПРИКЛАД:

background-color:#f00000

· background-image

Возможные значения:

[1] none – нет

[2] URL (+)

*Применимо для: всех элементов

Описание: фоновое изображение

ПРИКЛАД:

background-image:URL(cool.gif)

· background-repeat

Возможные значения:

[1] repeat - размножает фоновое изображение во всех направлениях

[2] repeat-x - размножает фоновое изображение горизонтально

[3] repeat-y - размножает фоновое изображение вертикально

[4] no-repeat - не повторяющиеся изображение

*Применимо для: всех элементов

Описание: повторения фонового изображения

ПРИКЛАД:

background-repeat:no-repeat

· background-attachment

Возможные значения:

[1] scroll - фоновое изображение скроллится всесте с содержанием документа

[2] fixed - не скроллится. Фиксируется в одном месте. Не работает в Нетскейпе

*Применимо для: всех элементов

Описание: возможность прокрутки фонового изображения

ПРИКЛАД:

background-attachment:fixed

· background-position

Возможные значения:

[1] процент от ширины + процент от высоты (+)

[2] top, middle, bottom - одно из значений

[3] left, center, right - одно из начений

[4] расстояние от левого края + расстояние от вершины

*Применимо для: block-level и replaced элементов

Описание: положение фонового изображения (работает с background-repeat равным repeat-x, repeat-y или no-repeat)

ПРИКЛАД:

background-position:50%0%

· background

Возможные значения:

[1] background-color

[2] background-image

[3] backgroun-position

[4] background-attachment

[5] background-repeat

*Применимо для: всех элементов

Описание: обобщает вышеперечисленные свойства

ПРИКЛАД:

background:no-repeat black fixed 50%0%