Modificador imagem fundo

O modificador FolEs imagem-fundo define uma ou mais imagens de fundo em um elemento.

As imagens de fundo são desenhadas em camadas empilhadas umas sobre as outras. A primeira camada especificada é desenhada como se estivesse mais próxima do usuário.

As bordas do elemento são então desenhadas em cima delas, e o valor definido para cor-fundo é desenhado abaixo delas. A forma como as imagens são desenhadas em relação à caixa do elemento e suas bordas é definida pelas propriedades recortar-fundo e origem-fundo.

Caso a imagem especificada não possa ser desenhada (por exemplo, quando a URL especificada não puder ser carregada), os navegadores a tratarão como se o valor nenhuma fosse atribuído à propriedade.

Sintaxe

/* Valores específicos */
imagem-fundo: nenhuma;

/* Valores URL */
imagem-fundo: url("catfront.png");

/* Valores globais */
imagem-fundo: herdar;
imagem-fundo: inicial;
imagem-fundo: reverter;
imagem-fundo: reverter-camada;
imagem-fundo: desarmar;

Tradução para CSS

imagem-fundo é traduzido para background-image.