Уроки HTML, уроки CSS
CSS справочник Цвет, изображение

Свойства изображения и цвета

color

Определяет цвет текстa:

color: #ffccff;

background

Атрибут фона, может содержать сразу несколько свойств:

background: [background-color] [background-image][background-repeat]

[background-attachment] [background-position]; ;

background: Yellow url(images/xxx.jpg) no-repeat;

Фон желтого цвета с изображением, которое не распространяется.

background-color

Определяет фоновый цвет:

background-color: #ffffff;

Фон белого цвета.

background-image

Устанавливает фоновое изображение:

background-image: url(images/xxx.jpg);

Указан адрес изображения.

background-attachment

Позволяет зафиксировать фоновое изображение:

background-attachment: scroll|fixed;

scroll – фоновое изображение перемещается при прокрутке страницы | fixed – изображение зафиксировано.

background-repeat

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

background-repeat: repeat;

распространение по всем направлениям;

background-repeat: no-repeat;

распространения не происходит;

background-repeat: repeat-x;

происходит распространение по горизонтали;

background-repeat: repeat-y;

изображение распространяется по вертикали.

background-position

Определят позицию фонового рисунка:

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

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

background-position-x

Определяет горизонтальное позиционирование фонового рисунка:

background-position-x: px|%|left|center|right;

пиксели | проценты | слева | по центру | справа.

background-position-y

Определяет позиционирование фонового рисунка по вертикали:

background-position-y: px|%|top|center|bottom;

пиксели | проценты | сверху | по центру | снизу .

scrollbar-3dlight-color

Определяет цвет верхней и левой границ полосы прокрутки, ее бегунка и стрелок:

scrollbar-3dlight-color: Blue;

scrollbar-arrow-color

Определяет цвет стрелок на кнопках полосы прокрутки:

scrollbar-arrow-color: Orange;

scrollbar-base-color

Определяет цвет бегунка:

scrollbar-base-color: Blue;

scrollbar-darkshadow-color

Определяет цвет тени от бегунка и кнопок:

scrollbar-darkshadow-color: #333333;

scrollbar-face-color

Определяет цвет бегунка и кнопок полосы прокрутки:

scrollbar-face-color: #ccccff;

scrollbar-highlight-color

Определяет цвет освещенных частей бегунка и кнопок полосы прокрутки:

scrollbar-highlight-color: #000000;

scrollbar-shadow-color

Определяет цвет не освещенных частей бегунка и кнопок полосы прокрутки:

scrollbar-shadow-color: #999999;

scrollbar-track-color

Определяет цвет поля полосы прокрутки:

scrollbar-track-color: #666666;

Подробности смотрите в главе Фон.

Дата публикации: Октябрь 2009 | Обновление: Декабрь 2009

Псевдостили   Цвет и изображение   Свойства текста