Propiedades de color y fondo
|
Propiedades de color y fondo |
|
Son Las que definen los colores y/o imágenes que se usarán en un objeto, como el color del texto o la imagern de fondo de un párrafo.
color
background-color
background-image
background-repeat
background-attachment
background-position
background
Indica el color del elemento al que se aplica.
<color> Indica el color en alguna de las unidades de color de CSS
Valor por defecto: Asignado por el Browser a cada elemento (Por ejemplo, negro para el texto.)
Se aplica a todos los elementos
HEREDABLE
Asigna el color de fondo del elemento al que se aplica.
<color> Indica el color en alguna de las unidades de color de CSS.
transparent Usado en lugar de un código de color, asigna el color transparente.
Valor por defecto: transparent
Se aplica a todos los elementos
NO HEREDABLE
Asigna una imagen de fondo al elemento al que se aplica.
<url> Una URL en el formato CSS
Valor por defecto:
Se aplica a todos los elementos
NO HEREDABLE
Indica, en el caso de que una imagen de fondo sea menor que el área a cubrir, la forma en que se repetirá esta imagen.
<modo> Indica la forma en que se repetirá la imagen, puede ser uno de los siguientes:
repeat: La imagen se repetirá tanto en horizontal como en vertical.
repeat-x: La imagen se repetirá solo en horizontal.
repeat-y: La imagen se repetirá solo en vertical.
no-repeat: La imagen no se repetirá
Valor por defecto: repeat
Se aplica a todos los elementos
NO HEREDABLE
Indica si una imagen de fondo permanecerá fija al hacer un scroll del contenido del elemento al que se aplica o no.
<modo> Puede ser uno de los dos siguientes valores:
scroll: La imagen se desplazará al hacer un scroll.
fixed: La imagen no se desplazará al hacer un scroll.
Valor por defecto: fixed
Se aplica a todos los elementos
NO HEREDABLE
Define la posición en la que se insertará una imagen de fondo
<horizontal> puede adoptar una de las siguientes formas:
x%: Donde "x" es un porcentaje que representa la posición horizontal de la imagen con respecto al ancho del objeto al que se aplica.
x: Donde "x" es la distancia, en alguna de las unidades CSS, al borde izquierdo del objeto al que se aplica.
left: La imagen se pegará a la izquierda.
center: La imagen se colocará en el centro.
right: La imagen se colocará a la derecha.
<vertical> puede adoptar una de las siguientes formas:
x%: Donde "x" es un porcentaje que representa la posición vertical de la imagen con respecto a la altura del objeto al que se aplica.
x: Donde "x" es la distancia, en alguna de las unidades CSS, al borde superior del objeto al que se aplica.
top: La imagen se colocará en el borde superior.
center: La imagen se colocará en el centro.
bottom: La imagen se colocará abajo.
Valor por defecto: 0% 0%
Se aplica a los elementos de bloque y a los elementos IMG, INPUT, OBJECT, TEXTAREA y SELECT
NO HEREDABLE
Esta propiedad es la suma de background-color, background-image, background-repeat, background-attachment y background-position
En cada una de las variables se usa la sintaxis definida para cada una de ellas.
Valor por defecto: NINGUNO
Se aplica a todos los elementos
NO HEREDABLE
