mozilla
Vos résultats de recherche

    list-style-position

    Résumé

    La propriété CSS list-style-position définit la position de la puce par rapport à la boîte principale.

    Syntaxe

    list-style-position: inside | outside | inherit
    

    Valeurs

    outside
    La puce se trouve à l'extérieur de la boîte principale.
    inside
    La puce est la première boîte en ligne dans la boîte bloc principale, après laquelle s'insère le contenu de l'élément.

    Exemples

    Ce code HTML :

    <ul>
      <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
      sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
      aliquam erat.</li>
    </ul>
    

    avec les règles suivantes :

    li {
        list-style-position: inside;
        border: 1px solid #000;      /* La bordure colorée aide à bien
                                        distinguer la différence
                                        entre l'intérieur et l'extérieur */
    }
    

    s'affichera ainsi : image:List-style-position_inside.png

    Le même code HTML avec les règles suivantes :

    li {
        list-style-position: outside;
        border: 1px solid #000;      /* La bordure colorée aide à bien
                                        distinguer la différence
                                        entre l'intérieur et l'extérieur */
    }
    

    s'affichera ainsi  : image:list-style-position_outside.png

    Spécifications

    Compatibilité des navigateurs

    Voir également

    Interwiki Languages Links

    Étiquettes et contributeurs liés au document

    Étiquettes : 
    Contributors to this page: Fredchat, VincentN, teoli, Mgjbot, FredB, Kyodev
    Dernière mise à jour par : teoli,
    Masquer la barre latérale