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

Что такое background-repeat в CSS3?

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;
}

Комментарии