Comment supprimer les balles de la liste à l'aide de CSS?

Comment supprimer les balles de la liste à l'aide de CSS?
Dans HTML, vous auriez probablement parcouru les listes ordonnées et non ordonnées. La liste ordonnée est indiquée par un identifiant numérique tandis que les listes non ordonnées ont des balles. Parfois, ces balles ne sont pas adaptées à la situation. Dans un tel cas, les balles doivent être retirées pour maintenir l'écoulement et la structure.

Nous avons compilé ce guide pour fournir un ensemble de méthodes qui sont utilisées pour supprimer les balles.

Comment supprimer les balles de la liste à l'aide de CSS?

CSS propose diverses propriétés pour effectuer une action spécifique. La propriété de style liste CSS définit le type de style des listes. Sa valeur peut supprimer les balles de la liste en utilisant CSS style de liste ou de style liste propriétés. Cette propriété supprime les balles de la liste non ordonnée. L'exemple pratique suivant aidera à mieux comprendre l'utilisation de cette propriété CSS.

Code




Premier document


Liste des légumes




  • Carotte

  • Concombre

  • Pomme de terre

  • poivron

  • Épinard



Liste des fruits




  • Orange

  • mangue

  • Banane

  • Ananas

  • Pastèque




Dans ce code, nous avons créé deux listes non ordonnées en utilisant

    étiqueter. Ensuite, nous avons appliqué le CSS style de liste propriété de la deuxième liste non ordonnée et définissez la valeur de la propriété sur aucun.

    Sortir

    La sortie montre clairement que les balles sont supprimées de la deuxième liste non ordonnée uniquement.

    Note: Le style de liste est la propriété raccourci. Le de style liste la propriété peut également être utilisée pour supprimer les balles de la liste.

    Comment supprimer les chiffres des listes commandées?

    Avec l'aide d'une propriété de type listyle, on peut supprimer les chiffres (1, 2, 3) des listes ordonnées.

    Voyons l'exemple pratique suivant pour supprimer les chiffres de la liste ordonnée.

    Code:




    Premier document


    Liste des légumes




    1. Carotte

    2. Concombre



    Liste des légumes




    1. Carotte

    2. Concombre




    Dans ce code, nous créons deux liste commandée, puis nous supprimons les chiffres d'une liste commandée en utilisant de style liste propriété.

    Sortir

    La sortie montre que les chiffres sont supprimés avec succès de la liste ordonnée.

    Conclusion

    Nous pouvons supprimer les balles des listes en utilisant CSS "style de liste" ou "de style liste" propriété. La valeur des deux propriétés est définie sur aucun pour retirer les balles. Cette propriété est efficace pour les listes commandées et non ordonnées. Vous avez appris plusieurs façons de supprimer les balles de la liste. La mise en œuvre pratique de ces exemples est également démontrée ici.