Elemento ol en HTML

por
Elemento ol en html

Un elemento html ol es una lista ordenada de elementos, que se muestra como una lista numerada.

Un ejemplo de una lista ordenada 

    con tres elementos 
  1. :

    < ol > 
  < li > primer elemento  
  < li > segundo elemento  
  < li > tercer elemento

    Etiqueta html ol

    Clasificaciones de contenidoContenido organizacional.
    Contenido permitidoElemento de 
  2. uno o más, y este elemento también puede contener listas 
      o 
        complejos dentro de él .
    3. AcrónimoLas etiquetas de inicio o finalización no se pueden omitir.
    Elementos del padreCualquier elemento que acepte contenido normativo.
    Interfaz DOMOHTMLOListElement

    Soporte de navegadores

    ChromeFirefoxEdgeSafariÓpera
    SoportadoSoportadoSoportadoSoportadoSoportado

    Características

    En este elemento se pueden utilizar propiedades globales.

    compact

    Esta propiedad booleana determina si una lista debe mostrarse una sobre otra, pero la interpretación de esta propiedad booleana varía según el navegador y no funciona de manera uniforme en todos los navegadores.

    Vale la pena señalar que esta propiedad ha quedado obsoleta en HTML y no debe usarse, pero el elemento puede formatearse 

      mediante estilos CSS, y podemos aplicar el mismo efecto que esta propiedad si establecemos un valor line-height en 80%.

      reversed

      Esta propiedad booleana especifica si queremos mostrar los elementos en orden inverso.

      Esta función es nueva en HTML5 y no existía antes.

      < ol  invertido > 
  < li > primer elemento  
  < li > segundo elemento  
  < li > tercer elemento

      start

      Esta propiedad, que acepta valores enteros, especifica el valor numérico para iniciar la numeración de los elementos de la lista. Incluso si los elementos están numerados con números romanos como XXXI o letras, el valor de esta propiedad debe ser un entero positivo. Si queremos empezar a enumerar elementos a partir de la letra, usaremos 

        .

        Esta función quedó obsoleta en HTML 4, pero se ha reutilizado en HTML5.

        Un ejemplo de una lista ordenada 

          de tres elementos con la propiedad utilizada start para especificar el número desde el cual comenzar la numeración:

          < ol  start = "7" > 
  < li > primer elemento  
  < li > segundo elemento  
  < li > tercer elemento

          type

          Esta propiedad se utiliza para especificar el tipo de numeración que aparece antes de los elementos de la lista, a saber:

          • a: para minúsculas
          • A: para letras mayúsculas
          • i: Números romanos en minúsculas
          • I: Números romanos en mayúsculas
          • 1: Para números y este es el valor predeterminado

          El valor de esta propiedad se utilizará para todos los elementos de la lista, a menos que el atributo de tipo se utilice en un elemento 

        1. específico.

          Tenga en cuenta que esta propiedad quedó obsoleta en HTML 4 pero se ha reutilizado en HTML5, pero a menos que la numeración de los elementos de la lista sea muy importante (como en documentos legales o técnicos donde los elementos se indican por su número), se recomienda utilizar una propiedad list-style-type en CSS en su lugar.

          Un ejemplo de 

            una lista ordenada de tres elementos usando números romanos:

            < ol  type = "i" > 
  < li > primer elemento  
  < li > segundo elemento  
  < li > tercer elemento

            Descripción de uso