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

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

Перейти к: навигация, поиск
Главная  ::. CSS  ::. Цветовая гамма

Содержание

[править] 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

[править] scrollbar-3dlight-color

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

scrollbar-3dlight-color: {Цвет};

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

[править] scrollbar-arrow-color

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

scrollbar-arrow-color: {Цвет};

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

[править] scrollbar-base-color

Задает цвет бегунка и кнопок-стрелок полосы прокрутки.

scrollbar-base-color: {Цвет};

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

[править] scrollbar-darkshadow-color

Задает цвет "тени", отбрасываемой бегунком и кнопками прокрутки полосы прокрутки (цвет правых и нижних гранией).

scrollbar-darkshadow-color: {Цвет};

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

[править] scrollbar-face-color

Задает цвет бегунка и кнопок прокрутки полосы прокрутки.

scrollbar-face-color: {Цвет};

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

[править] scrollbar-highlight-color

Задает цвет "освещенной" части бегунка и кнопок прокрутки полосы прокрутки (цвет левых и верхних их граней).

scrollbar-highlight-color: {Цвет};

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

[править] scrollbar-shadow-color

Задает цвет "неосвещенной" части бегунка и кнопок прокрутки полосы прокрутки (цвет правых и нижних их граней). Не путать с цветом "тени", задаваемым атрибутом scroll-darkshadow-color.

scrollbar-shadow-color: {Цвет};

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

[править] scrollbar-track-color

Задает цвет рабочей части полосы прокрутки, т.е. той ее части, по которой перемещается бегунок.

scrollbar-track-color: {Цвет};

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

Личные инструменты
4.36411881447