Lista CSS de números romanos

05/ene/2008 CSS 11 Comentarios
css

Las 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.

Lo que vamos a hacer para definir una lista CSS de números romanos es definir dos estilos: "romanos_upper" y "romanos_lower", los cuales utilizaremos con las listas de nuestra página web.

La definición de los estilos quedará como sigue:

  1. .romanos_upper{
  2. list-style-type:upper-roman;
  3. }
  4. .romanos_lower{
  5. list-style-type:lower-roman;
  6. }

Ya solo nos quedará utilizar el atributo class del elemento OL para asignarles un estilo u otro. Veamos como quedaría el código:

  1. <ol class="romanos_upper">
  2. <li>Primer elemento</li>
  3. <li>Segundo elemento</li>
  4. <li>Tercer elemento</li>
  5. <li>Cuarto elemento</li>
  6. <li>Quinto elemento</li>
  7. </ol>

Y de esta forma tan sencilla tenemos una lista CSS de números romanos.

Vídeos sobre CSS

Ningún video coincide

Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

11 comentarios en “Lista CSS de números romanos”

Víctor Cuervo

xiomara

necesito una lista de los numeros romanos del 1 al 200

Víctor Cuervo

vero

necesito todos los números 09 en romano hasta el 3000

Víctor Cuervo

MOSE HERMOXIXIMA

nO0 ME ZIRVE PARA nADA OKKKK

Víctor Cuervo

julia

no me sirve de nada ya

Víctor Cuervo

lu

q es estoo?

Víctor Cuervo

wotan

ups no salio, pero en el link del nick esta la referencia xD

Víctor Cuervo

wotan

Es mas práctico así : n_n

Amores Perros
Amarte Duele
Don de Dios

V.Amores Perros
VI.Amarte Duele
VIIDon de Dios

Víctor Cuervo

KITHIIIIIIII DE ALERCE WIIIIIIIIIIIIIIIIIIII

OLIII SALUDINES A TOOOS LOS GENIOS QUEICERON ESTA VESTUPENDA PAGINA

BUENUU ME DESPIDOo VESOS

xauuussss

Víctor Cuervo

CAROL

Oliiiiiiiiiiiii

QUE ES ESTO?????????????

Víctor Cuervo

kata

superrr estuuupendoooO****************************

Víctor Cuervo

Miguel de Rancagua

Genial !! Excelente !!

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*


*