Descrição
background é um elemento abreviado usado para definir estilos de fundo para um elemento.
Valores possíveis
background é uma propriedade abreviada e representa o seguinte. Este valor irá variar dependendo da propriedade real.
background-color - Define uma cor sólida para o plano de fundo do elemento, preenchimento e plano de fundo da borda.
background-image - Define a localização de uma imagem a ser colocada no fundo do elemento.
background-repeat - Define uma direção de repetição para uma imagem no plano de fundo do elemento.
background-attachment - Define um estado de anexo para qualquer imagem no plano de fundo do elemento.
background-position - Define uma posição para a imagem de origem no fundo do elemento.
background-clip - Especifica a área de pintura das imagens de fundo
Aplica-se a
Todos os elementos HTML.
Sintaxe DOM
object.style.background = "Value according to the used property";
Exemplo
<html>
<head>
</head>
<body>
<p style = "background:url(/images/logo.png) repeat fixed;">
This paragraph has fixed repeated background image.
This paragraph has fixed repeated background image.
This paragraph has fixed repeated background image.
This paragraph has fixed repeated background image.
</p>
</body>
</html>
Isso produzirá o seguinte resultado -