No HTML, você provavelmente teria passado pelas listas ordenadas e não ordenadas. A lista ordenada é indicada por um identificador numérico, enquanto as listas não ordenadas têm balas. Às vezes, essas balas não são adequadas para a situação. Nesse caso, as balas precisam ser removidas para manter o fluxo e a estrutura.

Compilamos este guia para fornecer um conjunto de métodos que são usados ​​para remover balas.

Como removemos as balas da lista usando CSS?

CSS oferece várias propriedades para executar uma ação específica. A propriedade no estilo de lista do CSS define o tipo de estilo das listas. Seu valor pode remover as balas da lista usando CSS estilo de lista ou Tipo no estilo de lista propriedades. Esta propriedade remove as balas da lista não ordenada. O exemplo prático a seguir ajudará a entender melhor o uso desta propriedade CSS.

Código

Lista de legumes

• Cenoura


• Pepino


• Batata


• Pimentão


• Espinafre

Lista de frutas

• Laranja


• manga


• Banana


• Abacaxi


• Melancia

Neste código, criamos duas listas não ordenadas usando

marcação. Então aplicamos o CSS estilo de lista propriedade na segunda lista não ordenada e defina o valor da propriedade como nenhum.

Saída


A saída mostra claramente que as balas são removidas apenas da segunda lista não ordenada.

Observação: O estilo de lista é a propriedade abreviada. O Tipo no estilo de lista A propriedade também pode ser usada para remover as balas da lista.

Como remover os números das listas ordenadas?

Com a ajuda da propriedade do tipo no estilo de lista, pode-se remover os números (1, 2, 3) das listas ordenadas.

Vamos ver o seguinte exemplo prático para remover os números da lista ordenada.

Código:









Lista de legumes






1. Cenoura


2. Pepino






Lista de legumes






1. Cenoura


2. Pepino







Neste código, criamos duas listas ordenadas e depois removemos numerais de uma lista ordenada usando Tipo no estilo de lista propriedade.

Saída


A saída mostra que os números são removidos com sucesso da lista ordenada.

Conclusão

Podemos remover balas das listas usando CSS “estilo de lista" ou "Tipo no estilo de lista" propriedade. O valor de ambas as propriedades é definido para ninguém para remover as balas. Esta propriedade é eficaz para listas ordenadas e não ordenadas. Você aprendeu várias maneiras de remover as balas da lista. A implementação prática desses exemplos também é demonstrada aqui.