background

Суммирующее свойство, позволяющее присвоить значения всем пяти нижеуказанным свойствам (начинающимся со слова "background-") одной строкой. Либо любым нескольким из них. Необходимо просто перечислить необходимые значения нужных свойств через пробелы, в любом порядке, а браузер сам определит, что к чему относится. Экономия времени и места. Синтаксис свойства:

background: background-attachment || background-color || background-image || background-position || background-repeat

Пример (запись делается во внутренней или внешней таблице):

body {background: pink url(pic.jpg) repeat-y 25px}

(background - англ. задний план, фон)

а) background-attachment

Характер поведения фонового изображения при прокрутке содержимого веб-страницы. Возможные значения:

scroll - при прокрутке фон перемещается вместе с текстом (по умолчанию)
fixed - при прокрутке текст скользит по неподвижному фону

Примеры (запись делается во внутренней или внешней таблице):

body {background-image:url(pic.jpg);
      background-repeat:no-repeat;
      background-attachment:scroll;
     }

body {background-image:url(pic.jpg);
      background-repeat:no-repeat;
      background-attachment:fixed;
     }

(attachment - англ. прикрепление, присоединение
scroll - англ. прокручивать, перемещать
fixed - англ. неподвижный, закреплённый)

б) background-color

Цвет фона. Кроме значения цвета также можно прописать значение transparent (прозрачный цвет - не срабатывает в IE, по крайней мере в отношении IFrame).
Отмечу, что фоновый цвет настоятельно рекомендуется устанавливать даже в случае использования фонового рисунка (поскольку браузеры бывают разными, с разными настройками, + прочие нюансы).

Примеры:
ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ

ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ

(transparent - англ. прозрачный)

в) background-image

Фоновый рисунок. Адрес задаваемого рисунка указывается в скобках после слова url, т.е. background-image: url(адрес) . Путь может быть задан абсолютным или относительным способом (относительно местонахождения таблицы стилей, а не документа). Также возможно в качестве значения использовать слово none, если требуется отключить фоновый рисунок (по умолчанию).

Пример (запись делаются во внутренней или внешней таблице):

body {background-image:url(pic.jpg)}

(image - англ. изображение)

г) background-position

Указывает местоположение фонового рисунка на странице. Как правило, значение состоит из двух слов/цифр, написанных через пробел. Но не будет ошибкой задание и только одной координаты, в некоторых случаях этого достаточно. По умолчанию рисунок выводится в левом верхнем углу.

Значения, определяющие горизонтальную координату: left, center, right
Значения, определяющие вертикальную координату: top, center, bottom
Также можно более точно задать расположение элемента с помощью абсолютных единиц измерения или процентов.

Примеры (запись делается во внутренней или внешней таблице):

body {background-image:url(pic.jpg);
      background-repeat:no-repeat;
      background-position:right bottom;
      background-attachment:fixed;
     }

body {background-image:url(pic.jpg);
      background-repeat:no-repeat;
      background-position:10px 50px;
     }

(position - англ. позиция, местоположение)

д) background-repeat

Способ отображения фонового рисунка. Возможные значения:

no-repeat - фоновый рисунок отображается в единичном экземпляре
repeat - размещение рисунка в виде мозайки (по умолчанию)
repeat-x - рисунок повторяется только по горизонтали (образуя горизонтальную ленту)
repeat-y - рисунок повторяется только по вертикали (образуя вертикальную ленту)

Примеры (запись делается во внутренней или внешней таблице):

body {background-image:url(pic.jpg); background-repeat:no-repeat; }
body {background-image:url(pic.jpg); background-repeat:repeat; }
body {background-image:url(pic.jpg); background-repeat:repeat-x; }
body {background-image:url(pic.jpg); background-repeat:repeat-y; background-position:20px }

(repeat - англ. повторять)

е) opacity

Задаёт уровень прозрачности элемента или фона. Определяется десятичной дробью в диапазоне от 0 до 1. По умолчанию =1. Свойство не поддерживается IE (в нём для изменения прозрачности используются фильтры).

Примеры:
<img src=pic.jpg style="opacity:0.2"> -

(opacity - англ. непрозрачность)