Опубликован: 31.10.2006 | Уровень: для всех | Доступ: платный
Лекция 3:

Параметры CSS для фона

< Лекция 2 || Лекция 3: 123 || Лекция 4 >

Параметры фона в CSS: подробное рассмотрение

Как было показано ранее, параметры фона в CSS позволяют управлять цветом фона элемента, задавать в качестве фона изображение, повторять циклически фоновое изображение вертикально или горизонтально и позиционировать изображение на странице.

Данные свойства поддерживаются следующими браузерами (в скобках сокращенный вариант, который применяется далее в таблицах параметров и значений): Internet Explorer (IE), Firefox (F), Netscape(N).

Параметр Описание Значения IE F N W3C
background Служит для задания всех параметров фона в одном объявлении

background-color

background-image

background-repeat

background-attachment

background-position

4 1 6 1*
background-attachment Задает для изображения фиксированное расположение или перемещающееся вместе с остальной страницей

scroll

fixed

4 1 6 1
background-color Задает цвет фона элемента

color-rgb

color-hex

color-name

transparent

4 1 4 1
background-image Задает в качестве фона изображение

url

none

4 1 4 1
background-position Задает начальное положение фонового изображения

top left

top center

top right

center left

center center

center right

bottom left

bottom center

bottom right

x-% y-%

x-pos y-pos

4 1 6 1
background-repeat Определяет, будет ли и каким образом повторяться фоновое изображение

repeat

repeat-x

repeat-y

no-repeat

4 1 4 1

(* здесь и далее число в столбце "W3C" указывает в какой спецификации CSS определен параметр (CSS1 или CSS2)).

Параметр 'background'

Этот параметр предназначен для задания всех свойств фона в одном объявлении.

Наследование: нет.

Примеры:

body
{ 
background: url(picture.gif)
}

body
{ 
background: url(http://www.intuit.ru/speciality/image.gif) repeat scroll
}

body
{ 
background: yellow url(http://www.intuit.ru/speciality/image.gif) repeat-x bottom
}

Может принимать следующие значения:

Значение Описание

background-color

background-image

background-repeat

background-attachment

background-position

В этом объявлении можно задать от одного до пяти свойств фона

Рассмотрим их подробнее.

< Лекция 2 || Лекция 3: 123 || Лекция 4 >
Илья Ардов
Илья Ардов

Добрый день!

Я записан на программу. Куда высылать договор и диплом?

Елена Сапегова
Елена Сапегова

После прохождения теоретической части пришло письмо об окончании теоретической части курса, будет ли практическая часть?

Зарина Каримова
Зарина Каримова
Казахстан, Алматы, Гимназия им. Ахмета Байтурсынова №139, 2008
Akiyev Begench
Akiyev Begench
Беларусь, Полоцк, полоцкий государственный университет