English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referência CSS

Regras CSS @

大全 de Atributos CSS

Background do CSS-Método de uso e exemplo da propriedade image

Background do CSS-O elemento da propriedade image define a imagem de fundo. Geralmente usa atalho abreviadoBackgroundPropriedade mais conveniente.

A tabela a seguir resume o contexto de uso e o histórico de versões dessa propriedade.

Valor padrão:none
Aplicável a:Todos os elementos
Herança:Nenhum
Animável:Não.Veja também Propriedades de animação
Versão:CSS 1,2,3
Sintaxe JavaScript:    
object    object.style.backgroundImage="url(image.gif)"

Background-Sintaxe de uso da image

A sintaxe dessa propriedade é a seguinte:

Background-image: url | none | initial | inherit

Os seguintes exemplos demonstram como usar background-Propriedade image

body {background-image: url("images/pattern.jpg");}
Teste e veja‹/›

Aviso: Internet Explorer 8E as versões mais antigas não suportam múltiplas imagens de fundo em um único elemento.

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

ValorDescrição
urlCaminho do arquivo de recursos da imagem usada como imagem de fundo.
noneValor padrão. Se especificado, a imagem de fundo não será exibida.
initialDefina essa propriedade para seu valor padrão.
inheritSe especificado, o elemento relacionado adota o background do elemento pai-Valor calculado da propriedade image.

Compatibilidade do navegador

Background-Compatibilidade do navegador da propriedade image, todos os navegadores populares suportam essa propriedade.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 3.5+

Leia mais

Por favor, consulte as seguintes instruções:Background do CSSCSS3Background

Propriedades relacionadas:BackgroundBackground-AttachmentBackground-ColorBackground-ClipBackground-OriginBackground-PositionBackground-RepeatBackground-Size