Exemplo
Especificar que os marcadores de item de lista deve aparecer dentro do fluxo de conteúdo (results in an extra indentation) :
ul
{
list-style-position: inside;
}
Tente você mesmo " Definição e Uso
A propriedade list-style-position especifica se os marcadores de item de lista deve aparecer dentro ou fora do fluxo de conteúdo.
Lado de fora:
- Café
- Chá
- Coca Cola
Dentro:
- Café
- Chá
- Coca Cola
| Valor padrão: | outside |
|---|---|
| Herdado: | yes |
| Animatable: | no. Read about animatable |
| Versão: | CSS1 |
| sintaxe JavaScript: | object .style.listStylePosition="inside" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| list-style-position | 1.0 | 4.0 | 1.0 | 1.0 | 3,5 |
CSS Syntax
list-style-position: inside|outside|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| inside | Recua o marcador e o texto. As balas aparecem dentro do fluxo de conteúdo | Jogue " |
| outside | Mantém o marcador para a esquerda do texto. As balas aparece fora do fluxo de conteúdo. Este é o padrão | Jogue " |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | Jogue " |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
Tutorial CSS: Lista CSS
Referência CSS: list-style property
Referência HTML DOM: listStylePosition property