list-style-position

przez 5 współtwórców

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: teoli, Witia, Mgjbot, Ptak82, PablO
Ostatnia aktualizacja: teoli,
Ukryj panel boczny