Background position css что это

background-position в CSS это свойство, которое позволяет установить позицию фонового изображения или цвета на элементе.

Например, следующий CSS код устанавливает фоновое изображение для элемента div и устанавливает его позицию в левом верхнем углу элемента:

div {
  background-image: url('image.jpg');
  background-position: top left;
}

Здесь мы используем свойство background-image для установки фонового изображения, и свойство background-position для выбора позиции изображения.

background-position может принимать различные значения, например:

• top left: позиция изображения в левом верхнем углу элемента
• top center: позиция изображения в верхней части элемента по центру
• top right: позиция изображения в правом верхнем углу элемента
• center left: позиция изображения в середине элемента по левой границе
• center center: позиция изображения в центре элемента
• center right: позиция изображения в середине элемента по правой границе
• bottom left: позиция изображения в левом нижнем углу элемента
• bottom center: позиция изображения в нижней части элемента по центру
• bottom right: позиция изображения в правом нижнем углу элемента

Значения могут также задаваться в пикселях или процентах, например 50% 50% установит позицию изображения по центру элемента.

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