«background-repeat» — это свойство CSS, которое определяет повторение фонового изображения на веб-странице.
Значения свойства «background-repeat» могут быть:
- repeat: изображение будет повторяться по ширине и высоте на всей площади контейнера;
- repeat-x: изображение будет повторяться только по горизонтали;
- repeat-y: изображение будет повторяться только по вертикали;
- no-repeat: изображение не будет повторяться и отобразится только один раз.
Например, следующий CSS-код задает фоновое изображение для элемента <body>, которое будет повторяться по вертикали:
body {
background-image: url('bg-pattern.png');
background-repeat: repeat-y;
}
Это свойство чаще всего используется для повторения мелких или нарезанных фоновых изображений, таких как текстуры, шаблоны или паттерны, чтобы заполнить фон всей страницы или определенного блока на веб-странице.
