O melhor tutorial lista de estilos CSS (ul) em 2024. Neste tutorial você pode aprender lista,Diferente marcador item da lista,Exemplos,À medida que o marcador de imagem lista de itens,Exemplos,Soluções de compatibilidade do navegador,Exemplos,Lista - propriedade estenográfica,Exemplos,mais exemplos,Todas as propriedades da lista de CSS,
papel CSS Propriedades da lista é a seguinte:
Em HTML, existem dois tipos de listas:
Com CSS, você pode listar o estilo ainda mais, e pode fazer um marcador de imagem lista item.
atributo list-style-type especifica o tipo de marcador item da lista é ::
Alguns valores são listas não ordenadas, e alguns é uma lista ordenada.
Para especificar o marcador imagem lista de itens, use a propriedade list-style-image:
O exemplo acima não mostra o mesmo em todos os navegadores, IE e Opera exibir as tags de imagem do que Firefox, Chrome e Safari um pouco maior.
Se você deseja colocar a mesma imagem do logotipo em todos os navegadores, você deve usar uma solução de compatibilidade do navegador, como se segue
Também em todos os navegadores, o exemplo a seguir irá mostrar a tag de imagem:
Exemplo explicou:
Você pode especificar uma lista de todas as propriedades em uma única propriedade. Isso é chamado de propriedade estenográfica.
Use abreviaturas propriedade à lista, uma lista de atributos de estilo são definidos da seguinte forma:
Se você usar o valor da propriedade abreviada de a ordem é:
Se esses valores estão faltando uma das ordens restante ainda está especificado, não importa.
Todos marcador de item de lista diferente
Este exemplo demonstra todos os diferentes marcador CSS lista item.
propriedade | descrição |
---|---|
list-style | propriedade estenográfica. Para obter uma lista de todas as propriedades é fornecido em um comunicado |
list-style-image | A imagem está definido para assinar uma lista de itens. |
list-style-position | Definir a posição na lista do marcador item da lista. |
list-style-type | Defina o tipo de bandeira item da lista. |