CSS - fundo

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 -