Fol

Páginas: 11 (2628 palabras) Publicado: 16 de junio de 2015
Propiedad background-color
Definición
Establece el color de fondo de un elemento
Valores 
permitidos
Uno y sólo uno de los siguientes valores:
color
transparent
inherit
Valor inicial
transparent
Se aplica a
Todos los elementos
Válida en
medios visuales
Se hereda
no
Definición en
el estándar
w3.org/TR/CSS21/colors.html#propdef-background-color
Ejemplos de uso
La propiedad background-color seemplea para establecer el color de fondo de un elemento mediante cualquiera de lasdiferentes formas de indicar un color en CSS:
div { background-color: #E0ECFF; }
div { background-color: rgb(100%, 88%, 88%); }
div { background-color: rgb(227, 255, 224); }
Propiedad background-image
Definición
Establece la imagen de fondo de un elemento
Valores 
permitidos
Uno y sólo uno de los siguientes valores:URL
none
inherit
Valor inicial
none
Se aplica a
Todos los elementos
Válida en
medios visuales
Se hereda
no
Definición en
el estándar
w3.org/TR/CSS21/colors.html#propdef-background-image
Ejemplos de uso
La propiedad background-image se emplea para establecer la imagen de fondo de cada elemento. La imagen se muestra en la zona que ocupan el contenido y el relleno del elemento, justo hasta su borde.Para indicar la imagen que se muestra como fondo de un elemento, se utiliza una URL. Los navegadores no restringen el tipo de URL que se pueden utilizar, por lo que pueden ser URL externas/internas y URL relativas/absolutas.
La URL de la imagen que se quiere mostrar se incluye dentro de los paréntesis de la palabra url(). De forma opcional, el valor de la URL se puede encerrar entre comillassimples o entre comillas dobles.
div {
background-image: url(http://www.librosweb.es/website/css/images/logo.gif);
}
 
h1, h2, h3 {
background-image: url("imagenes/fondo.png");
}
 
ul li {
background-image: url('../comun/imagenes/icono.gif');
}
Propiedad background-repeat
Definición
Controla el tipo de repetición de las imágenes de fondo
Valores 
permitidos
Uno y sólo uno de los siguientesvalores:
repeat
repeat-x
repeat-y
no-repeat
inherit
Valor inicial
repeat
Se aplica a
Todos los elementos
Válida en
medios visuales
Se hereda
no
Definición en
el estándar
w3.org/TR/CSS21/colors.html#propdef-background-repeat
Ejemplos de uso
La propiedad background-repeat controla la forma en la que se repiten las imágenes de fondo de los elementos. Por defecto, si la imagen de fondo que se establececon la propiedad background-image es más pequeña que el sitio disponible, el navegador repite la imagen en todas las direcciones hasta cubrir completamente la superficie del elemento:
div { background-image: url("images/imagen_pequena.png"); }
Imagen original 

Propiedad background-attachment
Definición
Controla si la imagen de fondo se mueve o permanece fija cuando se hace scroll en la ventana delnavegador
Valores 
permitidos
Uno y sólo uno de los siguientes valores:
scroll
fixed
inherit
Valor inicial
scroll
Se aplica a
Todos los elementos
Válida en
medios visuales
Se hereda
no
Definición en
el estándar
w3.org/TR/CSS21/colors.html#propdef-background-attachment
Ejemplos de uso
La propiedad background-attachment controla si la imagen de fondo establecida en un elemento se mueve o permanecefija cuando se hace scroll en la ventana del navegador.
Por defecto, las imágenes de fondo se mueven con el elemento en el que se muestran. El siguiente ejemplo muestra una imagen de fondo que se repite en toda la superficie del elemento. Si haces scroll en la ventana del navegador, verás que la imagen de fondo se mueve con el elemento:
Este comportamiento por defecto corresponde alvalor scroll de la propiedad background-attachment. Sin embargo, el valor fixed modifica por completo este comportamiento.
En el siguiente ejemplo, la imagen de fondo permanece fija cuando se hace scroll en la ventana del navegador. Prueba a subir y bajar los contenidos de la ventana del navegador y verás las diferencias visuales tan evidentes respecto del ejemplo anterior:
div {
background-image:...
Leer documento completo

Regístrate para leer el documento completo.

Estos documentos también te pueden resultar útiles

  • Fola
  • Fol
  • Folos
  • folos
  • tarea fol
  • examen fol
  • Ejercicios FOL
  • Fol puta

Conviértase en miembro formal de Buenas Tareas

INSCRÍBETE - ES GRATIS