background-repeat
Поддержка браузерами
| 12.0+ | 4.0+ | 1.0+ | 1.0+ | 3.5+ | 1.0+ |
Описание
CSS свойство background-repeat определяет, как фоновое изображение будет повторяться на экране: по вертикали, по горизонтали или сразу в обоих направлениях. Оно так же позволяет отменить повторение фонового изображения, то есть оно будет выведено всего один раз.
Допускается указывать более одного значения, через запятую. Каждое новое значение применяется к соответствующему фоновому изображению в том порядке, который определён в свойстве background-image.
Примечание: если вы решили применить повторяющееся фоновое изображение, то начальную точку или координату первого отображаемого фонового изображения можно определить с помощью свойства background-position. Например, если вы примените значение repeat, то весь фон элемента будет заполнен фоновой картинкой. Но именно background-position укажет, с какой позиции нужно начать повторное отображение.
| Значение по умолчанию: | repeat |
|---|---|
| Применяется: | ко всем элементам, а также к псевдо-элементам ::first-letter и ::first-line |
| Анимируется: | нет |
| Наследуется: | нет |
| Версия: | CSS1 |
| Синтаксис JavaScript: | object.style.backgroundRepeat="repeat-y" |
Синтаксис
background-repeat: repeat|repeat-x|repeat-y|no-repeat|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| repeat | Повторяет фоновое изображение по вертикали и по горизонтали. |
| repeat-x | Повторяет фоновое изображение только по горизонтали. |
| repeat-y | Повторяет фоновое изображение только по вертикали. |
| no-repeat | Фоновое изображение не будет повторяться. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
background-image: url('smiley.gif');
background-repeat: repeat;
}