Hvordan fjerne kuler fra listen ved hjelp av CSS?

Hvordan fjerne kuler fra listen ved hjelp av CSS?
I HTML ville du sannsynligvis gått gjennom de bestilte og uordnede listene. Den bestilte listen er betegnet med en numerisk identifikator mens de uordnede listene har kuler. Noen ganger er disse kulene ikke egnet for situasjonen. I et slikt tilfelle må kulene fjernes for å holde strømmen og strukturen.

Vi har samlet denne guiden for å gi et sett med metoder som brukes til å fjerne kuler.

Hvordan fjerner vi kuler fra listen ved hjelp av CSS?

CSS tilbyr forskjellige egenskaper for å utføre en spesifikk handling. CSSs eiendomsegenskap definerer stiltypen på listene. Verdien kan fjerne kulene fra listen ved å bruke CSS Listestil eller List-stil-type egenskaper. Denne egenskapen fjerner kuler fra den uordnede listen. Følgende praktiske eksempel vil hjelpe til med å forstå bruken av denne CSS -egenskapen bedre.

Kode




Første dokument


Grønnsaker liste




  • Gulrot

  • Agurk

  • Potet

  • Paprika

  • Spinat



Fruktliste




  • oransje

  • Mango

  • Banan

  • Ananas

  • Vannmelon




I denne koden har vi laget to uordnede lister ved hjelp av

    stikkord. Så brukte vi CSS Listestil Eiendom på den andre uordnede listen og setter verdien av eiendommen til ingen.

    Produksjon

    Utgangen viser tydelig at kulene bare fjernes fra den andre uordnede listen.

    Merk: De Listestil er den korte eiendommen. De List-stil-type Eiendom kan også brukes til å fjerne kulene fra listen.

    Hvordan fjerne tallene fra bestilte lister?

    Ved hjelp av eiendommer av listestil kan man fjerne tallene (1, 2, 3) fra de bestilte listene.

    La oss se følgende praktiske eksempel for å fjerne tallene fra den bestilte listen.

    Kode:




    Første dokument


    Grønnsaker liste




    1. Gulrot

    2. Agurk



    Grønnsaker liste




    1. Gulrot

    2. Agurk




    I denne koden oppretter vi to bestilte liste og deretter fjerner vi tall fra en bestilt liste ved å bruke List-stil-type eiendom.

    Produksjon

    Utgangen viser at tallene blir fjernet fra den bestilte listen.

    Konklusjon

    Vi kan fjerne kuler fra listene ved å bruke CSS “Listestil”Eller“List-stil-type”Eiendom. Verdien av begge egenskapene er satt til ingen for å fjerne kulene. Denne egenskapen er effektiv for både bestilte og uordnede lister. Du har lært flere måter å fjerne kulene fra listen. Den praktiske implementeringen av disse eksemplene er også demonstrert her.