1.2 KiB
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