/ Справочники / CSS3 / background-repeat

Информация по поводу - background-repeat


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

Значения свойства:
  • no-repeat - изображение никак повторяться не будет. Устанавливается в позицию заданную background-position;
  • repeat-y - для изображение устанавливается повторение по вертикали;
  • repeat-x - для изображение устанавливается повторение по горизонтали;
  • repeat - изображение одновременно повторяется по горизонтали и вертикали;
  • space - будет повторятся пока не заполнит весь фон, при этом не будут резаться изображения. Если полностью изображения не заполнят фон, то между ними будут созданы пробелы;
  • round - будет повторятся пока не заполнит весь фон, при этом не будут резаться изображения. Если полностью изображения не заполнят фон, то браузер растянет изображение, чтобы они заполняли весь фон.
Пример свойства:
body {
    background-image: url(img/help.png); /* Изображение */
    background-position: left bottom; /* Местоположение для фона */
    background-repeat: repeat-x;
}