English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Background do CSS-A propriedade position define abackground-imagePosição inicial (ponto de origem). Use abreviaçãoFundoOs atributos são mais convenientes.
A tabela a seguir resume o contexto de uso e o histórico de versões deste atributo.
| Valor padrão: | 0% 0% |
|---|---|
| Aplicável a: | Todos os elementos |
| Herança: | Nenhum |
| Animável: | Sim.Consulte Atributos de animação。 |
| Versão: | CSS 1，2，3 |
| Sintaxe do JavaScript: | object object.style.backgroundPosition="center" |
A sintaxe dessa propriedade é a seguinte:
background-position: [ percentage | length | left | center | right ] 1 ou 2 values | initial | inherit
Os exemplos a seguir mostram como usar background-Atributo position.
p {
background-image: url("images/smiley.png");
background-position: 50% center;
}Teste e veja‹/›Atenção:Se apenas um valor for especificado, supõe-se que o segundo valor seja central. Se forem especificados dois valores e pelo menos um não for uma palavra-chave, o primeiro valor representa a posição horizontal e o segundo representa a posição vertical.
A tabela a seguir descreve os valores dessa propriedade.
| Valor | Descrição |
|---|---|
| bottom | É equivalente à posição vertical100％. |
| center | Se não houver outra especificação, é igual à posição horizontal50％，de outra forma, fornece a posição vertical50％. |
| left | É equivalente a 0％ da posição horizontal. |
| right | É equivalente à posição horizontal100％. |
| top | A posição vertical é igual a 0％. |
| length | Comprimento em pixels real. Por exemplo, usando o valor ' 10px 2px10px, enquanto o canto superior esquerdo da caixa está abaixo20px。 |
| percentage | Porcentagem do tamanho do elemento. Por exemplo, usando o valor '0% 0%', o canto superior esquerdo da imagem alinhado com o canto superior esquerdo da caixa do elemento. |
| initial | Defina essa propriedade para seu valor padrão. |
| inherit | Se especificado, o elemento relacionado adota o valor calculado do atributo background do elemento pai-position。 |
background-Compatibilidade do navegador do atributo position, todos os navegadores populares suportam essa propriedade.
|
Por favor, consulte as seguintes instruções:Fundo do CSS，CSS3Fundo。
Propriedades relacionadas:background，background-attachment，background-color，background-clip，background-image，background-origin，background-repeat，background-size。