[HTML] [tag] <ol>

<ol> (tag HTML) costruisce un elenco ordinato (ordered list) mediante numeri o lettere, le cui singole voci sono a loro volta costruite mediante il tag HTML <li>.

attributi

speciali

Caricamento…

Caricamento…

Caricamento…

globali
Caricamento…

scheda tecnica

– contenuto : flusso, visibile
– Tipo: blocco
– Intefraccia DOM: HTMLOListElement
– Supporto browser: totale

Sintassi

<ol>
  <li></li>
</ol>

Default CSS

ol {
  display: block;
  list-style-type: decimal;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}

Esempio

<ol>
  <li>voce 1</li>
  <li>voce 2</li>
</ol>

  1. voce 1
  2. voce 2

Mediante l’attributo start è possibile stabilire il valore iniziale dell’elenco, e con l’attributo value è possibile stabilire il valore del singolo item.

<ol start="5">
  <li>voce 1</li>
  <li>voce 2</li>
  <li value="14">voce 3</li>
  <li>voce 4</li>
  <li>voce 5</li>
</ol>

  1. voce 1
  2. voce 2
  3. voce 3
  4. voce 4
  5. voce 5

E’ possibile, infine, innestare tra loro gli elenchi.

<ol>
  <li>voce 1</li>
  <li>voce 2
    <ul>
     <li>Voce 2 bis</li>
     <li>Voce 2 ter</li>
    </ul>
  </li>
  <li>voce 3</li>
</ol>

  1. voce 1
  2. voce 2
    • Voce 2 bis
    • Voce 2 ter
  3. voce 3

<!--  Sintassi HTML -->
<ol>
  <li></li>
</ol>

<!-- Default CSS -->
<style>
ol {
  display: block;
  list-style-type: decimal;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}
</style>
html, tag html

Related Articles

0 Comment

Rispondi