---
Página principal

Propiedades de color y fondo

Indice del tutorial
---

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

---

color

Indica el color del elemento al que se aplica.

Sintaxis:

color: <color>

Detalles:

<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

---

background-color

Asigna el color de fondo del elemento al que se aplica.

Sintaxis:

background-color: <color>

Detalles:

<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

---

background-image

Asigna una imagen de fondo al elemento al que se aplica.

Sintaxis:

background-image: <url>

Detalles:

<url> Una URL en el formato CSS

Valor por defecto:

Se aplica a todos los elementos

NO HEREDABLE

---

background-repeat

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.

Sintaxis:

background-repeat: <modo>

Detalles:

<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

---

background-attachment

Indica si una imagen de fondo permanecerá fija al hacer un scroll del contenido del elemento al que se aplica o no.

Sintaxis:

background-attachment: <modo>

Detalles:

<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

---

background-position

Define la posición en la que se insertará una imagen de fondo

Sintaxis:

background-position: <horizontal> || <vertical>

Detalles:

<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

---

background

Esta propiedad es la suma de background-color, background-image, background-repeat, background-attachment y background-position

Sintaxis:

background: <background-color> || <background-image> || <background-repeat> || <background-attachment> || <background-position>

Detalles:

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

---

Capitulo anteriorPrincipio de este capituloIndice del tutorialCapitulo siguiente

---

HTML 4.0 VálidoCSS Válido