background-size в CSS 3

Свойство background-size масштабирует фоновое изображение.

background-repeat

background-spacing

/* синтаксис
background-size: [ <значение> | <проценты> | auto ]{1,2} | cover | contain */ 

.block1 {
	background: url('images/mybg.png') 100% 100% no-repeat; /* Добавляем фон */
	background-size: cover; /* Масштабируем фон так, чтобы его ширина или высота равнялась ширине или высоте блока */
}

.block2 {
	background-image: url(images/bg.png); /* Добавляем фон */
	background-size: 50% 60px; /* Задаем ширину и высоту фоновой картинки */
}

.block3 {
	background-image: url(images/bg.png); /* Добавляем фон */
	background-size: contain; /* Масштабируем изображение с сохранением пропорций таким образом, чтобы картинка целиком поместилась внутрь блока */
}

background-repeat

background-spacing