Está usted en Indice > Construcción > Lenguajes > HTML > Lecciones y Paso a Paso > Las Capas en HTML
Construcción
Maletín
Utilidades
Cursos
Promoción
Rentabilidad
Zona Novatos
Foros
Acceso a tu cuenta

Las Capas en HTML (2)

Propiedades

Existen varias propiedades de las capas que podemos modificar, como son la posición, la visibilidad, el orden en que se ponen en pantalla, etc... Son estos:

Propiedad

Descripción

Posibles valores

left y top

Sitúan la esquina superior izquierda de la capa respecto a la esquina superior izquierda de la capa donde esté metida. Hay que tener en cuenta que el documento completo también se considera una capa.

distancia en pixels, por defecto cero.

width y height

Determinan la anchura y altura de la capa.

un tamaño en pixeles.

clip

Nos permite definir el área que se podrá ver dentro de la capa. Por ejemplo, clip:rect(20px 30px 40px 10px); recortará la capa creando un cuadro visible cuya esquina superior izquierda está a 10 pixels por la izquierda y 20 por arriba de la de la capa y cuyo tamaño sería de 30-10 de ancho y 40-20 de alto.

un área.

z-index

Las capas con un mayor z-index se colocarán más arriba (se dibujarán al final, encima de las otras). Debe ser un valor positivo y único: dos capas no pueden tener el mismo z-index.

número positivo, por defecto las capas definidas en el código HTML más tarde están más arriba.

visibility

Especifican si la capa debe verse o estar oculta.

visible, hidden (oculta) o inherit (hereda la visibilidad de la capa padre). En aquellas capas que simplemente estén dentro de la página principal, este valor es equivalente a visible.

background-image

Gráfico de fondo de la capa.

una dirección.

background-color<imagenenlinea direccion="graficos/explorer.gif" descripcion="explorer"/> y layer-background-color<imagenenlinea direccion="graficos/netscape.gif" descripcion="Netscape"/>

Color de fondo de la capa.

un color.




Autor: Universidad de Murcia
http://www.um.es/docencia/barzana/IAGP/HTML1.html

Usuarios que han visto este tema también han visto...

- La marca applet en HTML
- Creación de mapas en HTML
- Trabajar con mapas en HTML
- Personalizar el Icono de Favoritos
- Listas HTML hechas con tablas


Versión imprimible - Versión imprimible de este documento
Enviar e-mail - Enviar por e-mail este documento
Publicidad

Información legal | Política de Privacidad | Contacte con nosotros

Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.


Página generada el 02-12-2008 a las 04:49:28