ol facebook twitter youtube

La balise <ol>

Une liste ordonnée (ordered list en anglais) est équipée de puces numérotées automatiquement par le navigateur. Le conteneur <ol> est toujours parent de zéro ou plusieurs éléments de liste <li>.

Exemple de liste ordonnée <ol>

<p>Les produits:</p>
<ol>
  <li>Produit-1</li>
  <li>Produit-2</li>
  <li>Produit-3</li>
</ol>

Afficher:

Les produits:

  1. Produit-1
  2. Produit-2
  3. Produit-3

Attributs spécifiques à <ol>

Attribut Valeurs Rôle
start nombre entier Valeur de départ pour la numérotation. Peut être négatif.
reversed reversed ou "" ou sans valeur Indique que la numérotation est descendante.
type 1 ou a ou A ou i ou I Type de numérotation (numérique classique, lettrée, chiffresromains).

 

Style par défaut

 

ol {
  display: block;
  list-style-type: decimal;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  margin-start: 0;
  -webkit-margin-end: 0;
  padding-start: 40px;
}

Exemples de listes ordonnées <ol> avec attributs

<ol start="2" type="A">
  <li>Premier élément</li>
  <li>Deuxième élément</li>
  <li>Troisième élément</li>
</ol>

  1. Premier élément
  2. Deuxième élément
  3. Troisième élément

<ol start="3" type="i">
<li>Premier élément</li>
<li>Deuxième élément</li>
<li>Troisième élément</li>
</ol>

  1. Premier élément
  2. Deuxième élément
  3. Troisième élément

  • ul

    ul

    La liste non ordonnée (unordered list en anglais) <ul> partage le podium avec <ol> bien qu’elle soit plus fréquemment utilisée. Comme son nom l’indique, son contenu n’est pas spécialeme

    .......
    Voir Plus
  • li

    li

    La balise <li> encapsule des éléments présents dans des listes

    .......
    Voir Plus
  • dl

    dl

    La liste de définitions <dl>(description listen anglais) répond au besoin de lister des paires de termes et de descriptions qui leur sont liées.

    .......
    Voir Plus
  • dt

    dt

    L’élément <dt> ne peut contenir que des éléments de phrasé. À chaque terme <dt> correspond une définition <dd>.

    .......
    Voir Plus
  • dd

    dd

    dd (Definition description) : élément contenant la description du terme précédemment écrit

    .......
    Voir Plus
Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces