“background-repeat” — это свойство HTML и CSS, используемое для управления повторением фонового изображения внутри элемента. Он определяет, должно ли фоновое изображение повторяться по горизонтали, по вертикали, по обоим направлениям или не повторяться вообще.
Вот несколько способов использования свойства «background-repeat»:
-
“repeat”: это значение по умолчанию, оно повторяет фоновое изображение как по горизонтали, так и по вертикали, охватывая весь элемент.
-
“repeat-x”: повторяет фоновое изображение только по горизонтали, создавая непрерывный узор вдоль оси X.
-
“repeat-y”: фоновое изображение повторяется только по вертикали, создавая непрерывный узор вдоль оси Y.
-
“no-repeat”: фоновое изображение отображается только один раз, без повторений.
-
“space”: повторяет фоновое изображение как по горизонтали, так и по вертикали, но регулирует расстояние между изображениями так, чтобы они заполняли весь элемент, не обрезаясь и не перекрываясь.
-
“round”: повторяет фоновое изображение как по горизонтали, так и по вертикали, регулируя размер изображений в соответствии с размерами элемента. Это может привести к тому, что некоторые изображения будут слегка растянуты или сжаты.