Проценты и ключевые слова в свойстве background-position отличаются способом указания позиции фонового изображения. 14

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

Ключевые слова (left, center, right — горизонтальное выравнивание; top, center, bottom — вертикальное выравнивание) — это сокращения для обозначения процентов. 4 Например, «сверху» соответствует 0% по вертикали, «справа» — 100% по горизонтали и так далее. 4

Таким образом, проценты указывают на конкретную позицию изображения относительно элемента, а ключевые слова — это сокращения для обозначения этой позиции. 4