Чем отличается свойство background-image от background-repeat?

Основное отличие свойств background-image и background-repeat заключается в их функциях.

Background-image устанавливает фоновое изображение элемента. purpleschool.ru Это может быть обычное изображение (например, PNG, SVG, JPG, GIF, WebP) или градиент. itchief.ru

Background-repeat используется для управления повторением фонового элемента, у которого фоновое изображение задано с помощью свойства background-image. purpleschool.ru Это свойство определяет, должно ли изображение повторяться, и если да, то в каком направлении. purpleschool.ru

Таким образом, background-image устанавливает источник изображения, а background-repeat — как это изображение будет укладываться в области фона после того, как для него установлены размеры и позиционирование. html5book.ru