База данных для веб-мастеров: Библиотека

Все правила CSS. Параметры цвета и фона

Правило	Описание
color	Задает цвет. Подробнее...
background-color	Задает цвет фона. Подробнее...
background-image	Задает фоновое изображение. Подробнее...
background-repeat	Задает способ повторения фонового изображения. Подробнее...
background-attachment	Задает способ привязки фона. Подробнее...
background-position	Расположение фона. Подробнее...

color

Цвет может быть задан несколькими способами:

Способ	Пример	Описание
color: red	red	С помощью естественных имен цветов.
color: #FF0000	#ff0000	С помощью шестнацетиричных значений составляющих цвета.
color: rgb(255,0,0)	color: rgb(255,0,0)	С помощью составляющих цвета (от 0 - 255).

Если вы задаете цвет в виде естественных наименований цветов, то необходимо помнить, что цвета с одинаковым наименованием могут по-разному отображаться в различных браузерах. Имеет смысл использовать только наименования основных цветов (black, red, green, blue и т.п.) и проверять корректность отображения в различных браузерах.

background-color

Кроме способов обозначения цвета, приведенных в первом пункте, возможно задавать прозрачный фон с помощью цвета transparent.

background-image

Задает в качестве фонового изображения картинку из файла. Например. Заметим, что имя файла должно быть преобразовано к формату URL. В Нетскейп Навигатор таким образом можно задать фон только для "блочных" элементов - параграфов, <DIV> и пр. Для элемнтов типа <SPAN> неправильно будет осуществлятся перевод строк.

background-repeat

Задает способ повторения фонового изображения.

Значение	Пример	Описание
repeat		Фон повторяется как по вертикали, так и по горизонтали.
repeat-x		Фон повторяется только по горизонтали.
repeat-y		Фон повторяется только по вертикали.
no-repeat		Фоновое изображение выводится только один раз.

background-attachment

Можно установить два значения: scroll и fixed. В первом случае фон буде "прокручиваться" вместе с текстом (если текст выходит за границы окна браузера. Во втором - фон будет оставаться неподвижным.

background-position

Реализавано только в Ineternet Explorer. Задаются координаты, с которых начнется вывод фонового изображения. Координаты могут быть заданы с помощью ключевых слов, которые приведены в следующей таблице. Сначала указывается значения для вертикальной координаты.

	left	center	right
top
center
bottom

Координаты можно задать и в единицах длины (пиксели, проценты):

	h=20px	h=50%	h=80px
w=20px
w=50%
w=80px

Здесь обнаружено некоторое нессответствие с документацией. Первая координата определяет расположение по вертикали, а вторая - по горизонтали. Если мне удастся выяснить, кто в этом винават - обязательно расскажу.

background

Для описания фона существует сокращенная запись, когда все атрибуты указываются в правиле background. В случае, если какой-либо атрибут опущен, то ему присваивается значение по умолчанию.

http://exper.ural.ru/