Please enable JavaScript.
Coggle requires JavaScript to display documents.
BACKGROUND, <length>: con un valor '2cm 1cm', la esquina…
BACKGROUND
background-color
es un propiedad de CSS que define el color de fondo de un elemento, puede ser el valor de un color o la palabra "transparente".
<color>: Se puede especificar el color de fondo como un valor RGB hexa-decimal o regular, o utilizando una de las palabras claves predefinidas de color.
transparent : El valor por defecto del color de fondo (background-color) es transparente tomando así el color del elemento que está justo debajo de él en el apilamiento.
background-attachment
determina si la posición de la imagen de fondo será fija dentro de la pantalla o se desplazará con su bloque contenedor.
scroll : Si scroll es especificado, la imagen de fondo se moverá dentro de la pantalla junto al bloque que la contiene.
fixed : Si fixed es especificado, la imagen de fondo estará fija en la pantalla y no se moverá con el bloque contenedor.
background
es un atajo para definir los valores individuales del fondo en una única regla CSS. Se puede usar background para definir los valores de una o de todas las propiedades siguientes: background-attachment, color, image, position, repeat.
multiple background
CSS permite agregar múltiples imágenes de fondo para un elemento, a través de la propiedad background-image. Las diferentes imágenes de fondo están separadas por comas y las imágenes se apilan una encima de la otra, donde la primera imagen está más cerca del espectador.
background-clip: especifica el área de pintura del fondo. La propiedad toma tres valores diferentes: border-box: (predeterminado) el fondo se pinta en el borde exterior del borde
padding-box: el fondo está pintado en el borde exterior del acolchado content-box: el fondo se pinta dentro del cuadro de contenido
background-origin: especifica dónde se coloca la imagen de fondo. La propiedad toma tres valores diferentes:
border-box: la imagen de fondo comienza en la esquina superior izquierda del borde
padding-box : (predeterminado) la imagen de fondo comienza desde la esquina superior izquierda del borde de relleno
content-box: la imagen de fondo comienza en la esquina superior izquierda del contenido
-
-
background-repeat
define como se repiten los fondos del documento. Un fondo de imagen puede ser repetido sobre el eje horizontal, el eje vertical, ambos ejes, o no estar repetido.
<repeat-style>: repeat-x, repeat-y ,repeat, space, round, no-repeat
<length>: con un valor '2cm 1cm', la esquina superiorizquierda de la imagen es colocada a 2 cm a la derecha y a 1cm debajo de la esquina superior izquierda del área de espaciado.
-
-
top, top center y center top: Es igual a '50% 0%'.
-
-
left, left center y center left: Es igual a '0% 50%'.
-
-
right, right center y center right: Es igual a '100% 50%'.
-
-
bottom, bottom center y center bottom: Es igual a '50% 100%'.
-
-
background-color, background-image , background-repeat , background-attachment , background-position
-
background-size: La propiedad de tamaño de fondo de CSS le permite especificar el tamaño de las imágenes de fondo.El tamaño se puede especificar en longitudes, porcentajes o utilizando una de las dos palabras clave: contain o cover.
-
-