"CSS код - background-position" анимация для курса "IT и программирование"

Еще одно свойство может быть полезно, когда картинка меньше области, для которой она указывается фоном. Это свойство background-position. В нем можно задать расположение по вертикали и горизонтали, где должна отображаться картинка-фон внутри элемента. Для выравнивания по горизонтали используются ключевые слова left, center, right. Для выравнивания по вертикали: top, center, bottom. Таким образом свойство background-position ожидает одно или два ключевых слова в качестве указания позиции изображения на HTML-элементе. Давайте посмотрим что это может быть:
как вы видите, указанием может быть не только ключевые слова left, center, right, top, bottom, но и указание в процентах, и даже можно в пикселях.
Можно по отдельности указывать свойства background-image,background-attachment, background-position, background-color, background-repeat , но в css предусмотрено единое свойство background, которое объединяет все эти свойства в одно. Вы можете указать свойство background: и в нём через пробел перечислить в любой последовательности значения отдельно взятых свойств. CSS сам поймет и корректно установит соответствующим свойствам указанные значения.