image
Valora:   4.45/5 de 40
Inicio » CSS » Manual » Prodiedades




Listas

Por Lola Cárdenas.
rinconprog.metropoli2000.com






















Nombre display list-style-type white-space
Valores posibles block, inline, list-item, none disc, circle, square, decimal, upper-roman, lower-roman, upper-alpha, lower-alpha normal, pre, none
Valor por defecto según HTML disc según HTML
Aplica a todos elementos cuya propiedad display es list-item elementos a nivel de bloque
Heredado No
Valor porcentual - - -


Aclaraciones sobre algunos valores:

En display se indica si un elemento es de nivel de bloque (block), incrustado (inline) o de nivel de lista (list-item). Si se ajusta el valor a none, el elemento no será mostrado, lo que se extiende a sus "hijos" y la caja que lo rodea. Los elementos de bloque no responden si se les ajusta como inline.

Son muchas las posibilidades que tenemos para variar propiedades, pero al final terminaremos aprendiéndonos las seis o siete que más usemos. Es un interesante ejercicio practicar aplicando los posibles estilos en trozos del documento para ir adquiriendo más práctica.







Comparte


Aportaciones de usuarios A�adir una aportaci�n
Diuska (fralis79@hotmail.com)22/11/2004

IMAGEN DE FONDO EN CSS

Al colocar una imagen de fondo es interesante saber que se puede dejar estática. Esto quiere decir que no se mueve con el documento y que puedes hacerlo un poco a tu antojo (haciendo que la imagen sólo esté en media página, que sólo aparezca una vez evitando la cascada...)

Veamos la sintaxis:
BACKGROUND: url(http://direccion-de-tu-imagen) #000000 fixed repeat-x 50% bottom

- #000000 -
¿Porqué se pone color al fondo si ya he colocado la imagen?
.-Hay veces que no se carga bien la imagen, conviene definir un color de fondo por si esto fallase. También nos sirve para tener un color de fondo en el caso de que la imagen no ocupe todo el documento.

- fixed -
Esto hace que la imagen quede estática.

- repeat-x 50% bottom-
Repeat hace que la imagen se repita. X es una coordenada a la que le hemos dado como valor 50% Lo que quiere decir que la imagen sólo ocupará el 50% de la página en horizontal.
La palabra "bottom" indica qué parte del porcentage llevará la imagen. Del centro hacia arriba? o del centro hacia abajao?
Bottom es del centro hacia abajo, para hacerlo hacia arriba hay que poner top

Ejemplo:
BACKGROUND: url(http://direccion-de-tu-imagen) #000000 fixed repeat-x 50% top

Poner como valor Y el porcentage seria en vertical, pero hay que tener en cuenta que si colocamos la Y hay que cambiar la palabra "bottom" por izquierda o derecha.

Ejemplo sintaxis con Y:
BACKGROUND: url(http://direccion-de-tu-imagen) #000000 fixed repeat-y 50% left

- left -
Sería izquierda

- right -
Sería derecha



Páginas relacionadas
   Internos

Última modificación:31 de Agosto de 2017. Spain - Espa�a.
© 1998-2004 por . Todos los derechos reservados.