list-style

Podsumowanie

Własność list-style jest skrótem ustawienia własności list-style-type, list-style-image oraz list-style-position.

• Wartość początkowa: zobacz indywidualne szczegóły własności
• Stosowana do: elementy z 'display: list-item'
• Dziedziczona: nie
• Media: visual
• Wartość wyliczona: zobacz indywidualne własności

Składnia

list-style: [ list-style-type || list-style-position || list-style-image ] | inherit

Wartości

list-style-type 

Zobacz list-style-type.

list-style-image 

Zobacz list-style-image.

list-style-position 

Zobacz list-style-position.

Przykłady

HTML

List 1
<ul class="one">
  <li>List Item1</li>
  <li>List Item2</li>
  <li>List Item3</li>
</ul>
List 2
<ul class="two">
  <li>List Item A</li>
  <li>List Item B</li>
  <li>List Item C</li>
</ul>

CSS

.one {
  list-style: circle;
}

.two {
  list-style: square inside;
}

Result

Specyfikacje

• CSS 1
• CSS 2.1
• CSS 3

Kompatybilność z przeglądarkami

Zobacz także

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