В чем разница между свойствами background-size и background-repeat в CSS?

Разница между свойствами background-size и background-repeat в CSS заключается в их функциях.

Background-size позволяет установить размер фонового изображения. htmlacademy.ru metanit.com Для этого можно использовать единицы измерения, например, пиксели, проценты или одно из предустановленных значений: metanit.com

• contain — масштабирует изображение по наибольшей стороне, сохраняя аспектное отношение. metanit.com
• cover — масштабирует изображение по наименьшей стороне, сохраняя аспектное отношение. metanit.com
• auto — значение по умолчанию, изображение отображается в полный размер. metanit.com

Background-repeat, в свою очередь, определяет, как фоновое изображение будет повторяться внутри элемента, когда оно меньше размера элемента. htmlacademy.ru Свойство может принимать следующие значения: htmlacademy.ru

• repeat — изображение будет повторяться как по горизонтали, так и по вертикали (это значение является значением по умолчанию). htmlacademy.ru
• repeat-x — изображение повторяется только по горизонтали. htmlacademy.ru
• repeat-y — изображение повторяется только по вертикали. htmlacademy.ru
• no-repeat — изображение будет отображаться только один раз. htmlacademy.ru