Свойство background-repeat в CSS определяет, как фоновое изображение будет повторяться внутри элемента, когда оно меньше размера элемента. 5
Некоторые значения свойства и их описание:
- no-repeat — фоновое изображение не повторяется, остаётся только одно внутри элемента. 4
- repeat — изображение повторяется и по горизонтали, и по вертикали до тех пор, пока не заполнит всю площадь элемента (значение по умолчанию). 4 Если изображение не помещается, оно обрезается. 1
- repeat-x — фон повторяется по горизонтали. 4
- repeat-y — фон повторяется по вертикали. 4
- space — изображение повторяется до тех пор, пока не заполнит весь элемент. 4 При этом, если по размерам не удаётся повторить изображение без обрезки, то между картинками добавляется равное пространство. 4
- round — изображение повторяется так, чтобы заполнить весь элемент. 4 Но картинка не обрезается, повторяется целое количество раз. 4 Если это не удаётся, то картинка масштабируется. 4
Если значение свойства имеет два ключевых слова, первое используется для горизонтального направления, второе — для вертикального. 1