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

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

1. background-size определяет размер (масштаб) фонового изображения или градиента. siterost.net Задает ширину и высоту фонового изображения. purpleschool.ru
2. background-clip используется для управления областью элемента, к которой применяется фоновое изображение и цвет. purpleschool.ru Определяет, распространяется ли фон под элементом или только в пределах поля подложки, границы или содержимого элемента. purpleschool.ru

Таким образом, background-size задает размер фонового изображения, а background-clip — область, в которой оно будет отображаться. ru.wikibooks.org webref.ru

Например, значение border-box у свойства background-clip указывает, что фон выступает до внешнего края границы элемента (значение по умолчанию). siterost.net Padding-box — до внешнего края поля отступа элемента, а content-box — фон не выступает за пределы области контента элемента. siterost.net