Справочник по CSS : Цветовая гамма

Материал из Справочник Web-языков.

				Свойства шрифта
Главная	::.	CSS	::.	Цветовая гамма
				Свойства текста

Содержание

1 color
2 background
3 background-color
4 background-image
5 background-attachment
6 background-repeat
7 background-position
8 background-position-x
9 background-position-y
10 scrollbar-3dlight-color
11 scrollbar-arrow-color
12 scrollbar-base-color
13 scrollbar-darkshadow-color
14 scrollbar-face-color
15 scrollbar-highlight-color
16 scrollbar-shadow-color
17 scrollbar-track-color

[править] color

Определяет цвет элемента.

color: {Цвет};

Поддерживается IE начиная с 3.02 для текстовых элементов страницы и начиная с 4.0 для нетекстовых.

Поддерживается NN начиная с 4.0

[править] background

Задает все свойства фона элемента страницы в один прием. Заменяет собой атрибуты background-attachment, background-color, background-image, background-position и background-repeat.

background: [{background-color}] [{background-image}] [{background-repeat}] [{background-attachment}] [{background-position}];

Значения этих свойств могут располагаться в любом порядке.

Значение по умолчанию transparent none repeat scroll 0% 0%.

Поддерживается IE начиная с 3.02; задание значений background-position и background-repeat поддерживается начиная с 4.0

[править] background-color

Задает фоновый цвет Web-страницы или ее элемента.

background-color: {Цвет}|transparent;

Предопределенное значение transparent задает "прозрачный" фон. Оно же является значением по умолчанию.

Поддерживается IE начиная с 4.0, в составе атрибута background - с 3.02

Поддерживается NN начиная с 4.0

[править] background-image

Задает фоновый рисунок Web-страницы или ее элемента.

background-image: url({Интернет-адрес файла рисунка})|none;

Предопределенное значение none отключает фоновый рисунок. Оно же является значением по умолчанию.

Поддерживается IE начиная с 4.0, в составе атрибута background - с 3.02

Поддерживается NN начиная с 4.0

[править] background-attachment

Данный атрибут позволяет "зафиксировать" фоновый рисунок, чтобы он не прокручивался вместе с содержимым Web-страницы.

background-attachment: scroll|fixed;

background-attachment: scroll; - фоновое изображение прокручивается вместе с содержимым страницы (значение по умолчанию);
background-attachment: fixed; - фоновое изображение фиксируется на одном месте и не прокручивается с содержимым страницы.

Применяется только для тега <BODY>.

Поддерживается IE начиная с 4.0, в составе атрибута background - с 3.02

[править] background-repeat

Устанавливает порядок повторения фонового рисунка на Web-странице или ее элементе.

Иногда этот атрибут необходим, чтобы занять все свободное пространство, если фоновый рисунок слишком мал, чтобы покрыть пространство без повторения.

background-repeat: repeat|no-repeat|repeat-x|repeat-y;

background-repeat: repeat; - размножает фоновое изображение во всех направлениях (значение по умолчанию);
background-repeat: no-repeat; - запрещает фоновому изображению повторяться;
background-repeat: repeat-x; - размножает фоновое изображение только по горизонтали;
background-repeat: repeat-y; - размножает фоновое изображение только по вертикали.

Поддерживается IE начиная с 4.0

[править] background-position

Задает местонахождение фонового рисунка. Это комбинированный атрибут, заменяющий атрибуты background-position-x и background-position-y.

background-position: [{background-position-x}] [{background-position-y}];

Если задана только одна координата, то она считается горизонтальной, а для вертикальной принимается значение 50%.

Значение по умолчанию 0% 0%.

Поддерживается IE начиная с 4.0

[править] background-position-x

Задает горизонтальную координату фонового рисунка.

background-position-x: {X}|{X}%|left|center|right;

Координата может быть задана целым числом (абсолютная координата), процентом от соответствующего размера фонового рисунка (относительная координата) или предопределенным значением. Доступны три предопределенных значения: left, center, right, которые задают выравнивание фонового рисунка на странице по левому краю, по центру и по правому краю соответственно.

Значение по умолчанию 0%.

Поддерживается IE начиная с 4.0

[править] background-position-y

Задает вертикальную координату фонового рисунка.

background-position-y: {Y}|{Y}%|top|center|bottom;

Координата может быть задана целым числом (абсолютная координата), процентом от соответствующего размера фонового рисунка (относительная координата) или предопределенным значением. Доступны три предопределенных значения: top, center, bottom, которые задают выравнивание фонового рисунка на странице по верху, по центру и по низу страницы соответственно.

Значение по умолчанию 0%.

Поддерживается IE начиная с 4.0