Ознайомлення з css-правилом "background"

Властивість background дозволяє створити стиль фону, визначивши в одній стрічці відразу кілька атрибутів: колір фону, фонову картинку, її положення.

Правило background-repeat

Властивість background-repeat управляє способом "розмноження" - циклічного повторення фонового зображення.

Можливі значення:
repeat-x - Розмножує зображення тільки по вертикалі.
repeat-y - Розмножує зображення тільки по горизонталі.
repeat - Розмножує зображення в обох напрямах - і по горизонталі і по вертикалі.
no-repeat - Не розмножує зображення.
inherit - Запозичує значення властивості у батьківського елементу.

Значення властивості position

Властивість background-position встановлює місце розташування фонової картинки. При цьому властивості зазвичай привласнюється пара значень для визначення горизонтального і вертикального положень.

Використання зображень-спрайтів для фону елементів

CSS спрайт - це декілька різних картинок об'єднані в одне ціле зображення. Це зображення встановлюється як фонове для будь-якого елементу із заданою висотою і шириною.