CSS - fondo

Descripción

background es un elemento abreviado que se utiliza para establecer estilos de fondo para un elemento.

Valores posibles

background es una propiedad abreviada y representa lo siguiente. Este valor variará según la propiedad real.

  • background-color - Establece un color sólido para el fondo, el relleno y el fondo del borde del elemento.

  • background-image - Define la ubicación de una imagen que se colocará en el fondo del elemento.

  • background-repeat - Establece una dirección de repetición para una imagen en el fondo del elemento.

  • background-attachment - Establece un estado de adjunto para cualquier imagen en el fondo del elemento.

  • background-position - Establece una posición para la imagen de origen en el fondo del elemento.

  • background-clip - Especifica el área de pintura de las imágenes de fondo

Se aplica a

Todos los elementos HTML.

Sintaxis DOM

object.style.background = "Value according to the used property";

Ejemplo

<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>

Producirá el siguiente resultado: