Разница между использованием ключевых слов и процентных значений в background-position заключается в том, как задаётся позиция фонового изображения. 13

Ключевые слова указывают на горизонтальное и вертикальное выравнивание. 1 Например, left — выравнивание по левому краю, center — центрирование, right — выравнивание по правому краю, top — выравнивание по верхнему краю, bottom — выравнивание по нижнему краю. 1 Если применяются ключевые слова, то порядок их следования не имеет значения. 3

Процентные значения указывают на позицию изображения относительно размеров элемента. 1 Например, 50% 50% позиционирует изображение в центре. 1 Процентные значения относятся к размерам элемента, а не изображения. 1 При процентной записи вначале задаётся положение рисунка по горизонтали, а затем, через пробел, положение по вертикали. 3

Также можно комбинировать ключевые слова и процентные значения, например, left 50%. 1