Lista CSS de números romanos Enero 5, 2008
Publicado por lineadecodigo en : CSS , 4 comentariosLas listas ordenadas en HTML se representan mediante la etiqueta OL. Y mediante el uso de CSS podemos alterar el tipo de lista ordenada que queremos que sea.
Para ello tenemos la propiedad list-style-type. Con ella podremos indicar que los números de la lista sean romanos. Además podemos indicar que sean en mayúsculas o minúsculas. Es por ello que tenemos dos valores para la propiedad list-style-type: upper-roman para las mayúsculas y lower-roman para las minúsculas.
Incrementar items de una lista HTML de dos en dos Enero 3, 2008
Publicado por lineadecodigo en : CSS , Añadir un comenarioComo pudisteis leer en el artículo "Número de inicio de una lista con CSS", la gestión de contadores en CSS nos permite alterar el comportamiento estándar de las listas ordenadas en HTML.
Por defecto las listas ordenadas empiezan con el valor 1 y se van incrementando de uno en uno. Nos apoyaremos en la propiedad counter-increment para alterar este comportamiento.
Número de inicio de una lista con CSS Enero 1, 2008
Publicado por lineadecodigo en : CSS , Hasta ahora 1 comentarioEl elemento OL nos sirve, en HTML, para crear listas ordenadas. Es decir, los elementos van antecedidos de un número que indica su orden. Asignándole el número 1 al primer elemento de la lista.
En las primeras versiones de HTML, mediante un atributo podíamos modificar el valor de inicio de la lista. Posteriormente fue declarado como obsoleto y asignado al lenguaje CSS dicho cometido.
Para poder modificar el número de inicio de una lista tendremos que utilizar las propiedades de contadores (counter-reset y counter-increment) sobre el elemento OL.
Imágenes como hitos de listas con CSS Octubre 8, 2007
Publicado por lineadecodigo en : CSS , Hasta ahora 1 comentarioCuando creamos una lista en HTML, por cada elemento de la lista, podemos detectar dos partes: la marca o hito que inicia el elemento y el texto del item de la lista. Gracias a CSS podemos conseguir que los hitos de las listas sean imágenes, incrementando así el número de iconografias ofrecidas por la especificación de HTML (circulo, cuadrado y elipse).