list-style

Resumo

A propriedade list-style é uma propriedade usada para configurar list-style-type, list-style-image, e list-style-position.

• Valor inicial: olhar propriedades individuais para detalhes
• Aplica-se a: elementos com 'display' com valor 'list-item'
• Herdado: sim
• Porcentagens: N/A
• Mídia: Visual

Sintaxe

 list-style: [disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none] || [inside | outside] || [<url> | none]

Valores

disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, inside, outside, <url>, none

Exemplos

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

Especificações

• CSS 1

* CSS 2.1 == Compatibilidade com navegadores == <table class="standard-table"> <tr> <th>Navegador</th> <th>Versão mais antiga</th> </tr> <tr> <td>Internet Explorer</td> <td>4</td> </tr> <tr> <td>Netscape</td> <td>4</td> </tr> <tr> <td>Opera</td> <td>3.5</td> </tr> </table>

Veja também

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

Categorias

Interwiki Language Links