mozilla
Wyniki wyszukiwania

    list-style-position

    Podsumowanie

    list-style-position określa pozycję znacznika listy w elemencie listy.

    Składnia

    list-style-position: inside | outside | inherit
    

    Wartości

    outside
    Znacznik jest umieszczany poza elementem listy.
    inside
    Znacznik jest umieszczany wewnątrz elementu listy. Jest on pierwszym blokiem inline i zawartość elementu go opływa.

    Przykłady

    Kod 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>
    

    Po dodaniu poniższych stylów:

    li {
        list-style-position: inside;
        border: 1px solid #000;      /* Kolor obramowania dla lepszej wizualizacji własności */
    }
    

    Będzie wyglądać następująco: grafika:list-style-position_inside.png

    Ten sam kod HTML ostylowany w ten sposób:

    li {
        list-style-position: outside;
        border: 1px solid #000;      /* Kolor obramowania dla lepszej wizualizacji własności */
    }
    

    Wyświetli się tak: grafika:list-style-position_outside.png

    Specyfikacje

    Zgodność z przeglądarką

    Zobacz także

    list-style, list-style-type, list-style-image

    Autorzy i etykiety dokumentu

    Contributors to this page: Ptak82, PablO, teoli, Witia, Mgjbot
    Ostatnia aktualizacja: teoli,
    Ukryj panel boczny