40 lines
1.2 KiB
Markdown
40 lines
1.2 KiB
Markdown
---
|
|
title: Background Position Property
|
|
localeTitle: 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:**
|
|
|
|
```css
|
|
/* 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 |