Как работает свойство background-repeat в CSS?

Свойство background-repeat в CSS определяет, как фоновое изображение будет повторяться внутри элемента, когда оно меньше размера элемента. htmlacademy.ru

Некоторые значения свойства и их описание:

• no-repeat — фоновое изображение не повторяется, остаётся только одно внутри элемента. doka.guide
• repeat — изображение повторяется и по горизонтали, и по вертикали до тех пор, пока не заполнит всю площадь элемента (значение по умолчанию). doka.guide Если изображение не помещается, оно обрезается. html5book.ru
• repeat-x — фон повторяется по горизонтали. doka.guide
• repeat-y — фон повторяется по вертикали. doka.guide
• space — изображение повторяется до тех пор, пока не заполнит весь элемент. doka.guide При этом, если по размерам не удаётся повторить изображение без обрезки, то между картинками добавляется равное пространство. doka.guide
• round — изображение повторяется так, чтобы заполнить весь элемент. doka.guide Но картинка не обрезается, повторяется целое количество раз. doka.guide Если это не удаётся, то картинка масштабируется. doka.guide

Если значение свойства имеет два ключевых слова, первое используется для горизонтального направления, второе — для вертикального. html5book.ru