Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

Документы

Медиа

Назад
Вопрос про CSS: css, image

Как вы контролируете повтор изображений с помощью CSS?

Этот вопрос выясняет, как можно управлять фоновыми изображениями и их повторением.

Короткий ответ

Свойство background-repeat позволяет управлять тем, как фоновые изображения повторяются на странице. Его значения могут быть:

  • repeat (повтор по горизонтали и вертикали),

  • repeat-x (повтор только по горизонтали)

  • repeat-y (повтор только по вертикали)

  • no-repeat (без повторения)

Длинный ответ

Свойство background-repeat определяет, как повторяются фоновые изображения на веб-странице. 

По умолчанию, фоновые изображения будут повторяться по горизонтали и вертикали (repeat).  Можно ограничить повторение только по одной оси с помощью значений repeat-x (только по горизонтали) или repeat-y (только по вертикали). 

Если нужно, чтобы изображение отображалось только один раз, используется значение no-repeat. Это свойство полезно для создания фоновых узоров или добавления визуальных элементов, таких как водяные знаки.

Уровень

  • Рейтинг:

    1

  • Сложность:

    3

Навыки

  • CSS

    CSS

Ключевые слова

#css

#image

Подпишись на React Developer в телеграм