Propriedade CSS list-style-position
Exemplo
Especifique a posição dos marcadores de item de lista:
ul.a {
list-style-position: outside;
}
ul.b {
list-style-position: inside;
}
Definição e uso
A list-style-position
propriedade especifica a posição dos marcadores de item de lista (pontos de bala).
list-style-position: outside;
significa que os marcadores estarão fora do item da lista. O início de cada linha de um item de lista será alinhado verticalmente:
- Café - Uma bebida preparada a partir de grãos de café torrados...
- Chá
- Coca
list-style-position: inside;
significa que os marcadores estarão dentro do item da lista. Como faz parte do item da lista, fará parte do texto e empurrará o texto no início:
- Café - Uma bebida preparada a partir de grãos de café torrados...
- Chá
- Coca
Valor padrão: | lado de fora |
---|---|
Herdado: | sim |
Animavel: | não. Leia sobre animáveis |
Versão: | CSS1 |
Sintaxe JavaScript: | objeto .style.listStylePosition="dentro" |
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total à propriedade.
Property | |||||
---|---|---|---|---|---|
list-style-position | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaxe CSS
list-style-position: inside|outside|initial|inherit;
Valores de propriedade
Value | Description | Play it |
---|---|---|
inside | The bullet points will be inside the list item | |
outside | The bullet points will be outside the list item. This is default | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Páginas relacionadas
Tutorial de CSS: Lista de CSS
Referência CSS: propriedade de estilo de lista
Referência HTML DOM: propriedade listStylePosition