Background-size

Масштабирует фоновое изображение согласно заданным размерам

Возможные значения:

Числа

Задает размер в любых доступных для CSS единицах (включая проценты от ширины элемента)

Auto

Если задано одновременно для ширины и высоты (auto auto), размеры фона остаются исходными; если только для одной стороны картинки (100px auto), то размер вычисляется автоматически исходя из пропорций картинки.

Масштабирует фоновое изображение согласно заданным размерам

Cover

Масштабирует изображение с сохранением пропорций так, чтобы его ширина или высота равнялась ширине или высоте блока.

Contain

Масштабирует изображение с сохранением пропорций таким образом, чтобы картинка целиком поместилась внутрь блока.

Background-repeat

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

Возможные значения:

No-repeat

Устанавливает одно фоновое изображение в элементе без его повторений, положение которого определяется свойством background-position (по умолчанию в левом верхнем углу).

Repeat

Фоновое изображение повторяется по горизонтали и вертикали.

Repeat-x

Фоновый рисунок повторяется только по горизонтали.

Repeat-y

Фоновый рисунок повторяется только по вертикали.

background-repeat

Space

Изображение повторяется столько раз, чтобы полностью заполнить область; если это не удаётся, между картинками добавляется пустое пространство.

Round

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