Лучшее руководство по CSS фон-повторить свойство в 2024 году. В этом руководстве вы можете изучить примеров,Определения тегов и инструкции,Поддержка браузеров,Советы и примечания,Значение свойства,Онлайн примеры,Статьи по Теме,
CSS фон-повторить свойство
примеров
Только вертикальное повторение фонового изображения:
{
background-image:url('paper.gif');
background-repeat:repeat-y;
}
Попробуйте »
Определения тегов и инструкции
Как установить объект плитки свойств фонового изображения.
По умолчанию, повторное фоновое изображение вертикальном и горизонтальном направлениях.
| По умолчанию: | повторение |
|---|---|
| Наследование: | нет |
| Версия: | CSS1 |
| Синтаксис JavaScript: | объект object.style.backgroundRepeat = "повторить-у" |
Поддержка браузеров
Цифры в таблице представляют первый браузер для поддержки номер версии имущества.
Сразу же после цифровой -webkit-, -ms- или -moz- назад в поддержку префикса атрибута первый номер версии браузера.
<| Property | |||||
|---|---|---|---|---|---|
| background-repeat | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Несколько фоновых изображений в одном элементе IE8 и более ранние версии браузера не поддерживает.
Обратите внимание , чтоIE7 и более ранние версии не поддерживают "наследуют (наследуется)" значение. IE8 нужно определить! DOCTYPE. поддержка IE9 "Наследовать (наследуется)."
Советы и примечания
Совет: фон-положение объекта , чтобы установить положение фонового изображения.Если указанное место без какого-либо фона, изображения всегда расположены в верхнем левом углу элемента.
Значение свойства
| значение | объяснение |
|---|---|
| повторение | Фоновое изображение будет повторяться по вертикали и по горизонтали. Это значение по умолчанию |
| Повторяю-х | Только горизонтальное положение фонового изображения будет повторяться |
| Повторяю-й | Только вертикальное положение фонового изображения будет повторяться |
| нет повтора | Фоновое изображение не повторяется |
| унаследовать | Определяет настройки атрибутов фона repea должен быть унаследован от родительского элемента |
Онлайн примеры
Как повторить фоновое изображение в вертикальном и горизонтальном направлениях
Этот пример демонстрирует, как повторять фоновое изображение в вертикальном и горизонтальном направлениях.
Как повторить фоновое изображение только в горизонтальном направлении
Этот пример демонстрирует, как повторять фоновое изображение только горизонтальное направление.
Как отобразить фоновое изображение только один раз
Этот пример показывает, как отобразить фоновое изображение не повторяется только один раз.
Статьи по Теме
Учебник CSS: CSS фона
CSS Справочное руководство: фон-имущественное положение
