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 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
(en-US), list-style-position
(en-US)
Categorias
Interwiki Language Links