freeCodeCamp/guide/portuguese/css/properties/background-position-property/index.md

title	localeTitle
Background Position Property	Propriedade de posição de plano de fundo

Propriedade de posição de plano de fundo

A propriedade background define a posição de onde a imagem de fundo deve começar. Em outras palavras, essa propriedade terá um valor x e um valor y e iniciará a imagem a partir do ponto (x, y) .

Exemplo:

/* setting background-image of HTML doc */ 
 body { 
  background-image: url('https://i.imgur.com/6Z2VStD.png'); 
  background-repeat: no-repeat; 
  background-position: right top; 
 } 

Por padrão, a propriedade background-position é definida como 0% 0% .

Valores de propriedade:

background-position: x-value y-value onde,

valor x : left | center | right | x% | x px e

valor y : top | center | bottom | y% | y px .

Outros valores de propriedade permitidos são initial e inherit .

initial : define essa propriedade como seu valor padrão.

inherit : inherit o valor do elemento pai.

Nota: Quando apenas um valor é dado a background-property, o outro é, por padrão, definido como center .

Outros recursos:

Docs MDN: https://developer.mozilla.org/pt-BR/docs/Web/CSS/background-position