V niektorých prípadoch sme povinní odstrániť odrážky neusporiadaných a usporiadaných zoznamov. Odstránenie odrážok zoznamu nie je zložitou úlohou pomocou CSS. Dá sa to jednoducho urobiť nastavením CSS v štýle zoznamu alebo list-style-type majetok do žiadny .
The list-style-type Vlastnosť CSS sa používa na nastavenie značky (ako disk, znak alebo vlastný štýl počítadla) a zoznam prvok položky. Táto vlastnosť CSS nám pomáha vytvoriť zoznam bez odrážok. Dá sa použiť len na tie prvky, ktorých zobrazovaná hodnota je nastavená položka zoznamu. The list-style-type vlastnosť je zdedená, takže ju možno použiť na nadradený prvok (napr alebo
), aby sa vzťahovala na všetky položky zoznamu.
V predvolenom nastavení sú položky zoradeného zoznamu očíslované arabskými číslicami (1, 2, 3 atď.) a položky v nezoradenom zozname sú označené okrúhlymi odrážkami (•). The list-style-type Vlastnosť CSS nám umožňuje zmeniť predvolený typ značky zoznamu na akýkoľvek iný typ, napríklad štvorec, kruh, rímske číslice, latinské písmená a mnoho ďalších.
Ak jej hodnotu nastavíme na žiadny , odstráni značky/guľky. Namiesto odstránenia odrážok v zozname ich môžeme nahradiť obrázkami. Vďaka tomu je stránka vizuálne atraktívnejšia. Dá sa to urobiť pomocou list-style-image nehnuteľnosť.
Poďme pochopiť, ako odstrániť odrážky pomocou príkladu.
Príklad
V tomto príklade používame zoradené aj nezoradené zoznamy a aplikujeme list-style-type majetok s hodnotou žiadny na odstránenie odrážok položiek zoznamu.
ol { list-style-type: none; font-weight: bold; font-size: 20px; } ul { list-style-type: none; font-weight: bold; font-size: 20px; } <h2>Ordered list</h2> <ol> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ol> <h2>Unordered list</h2> <ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul> Vyskúšajte to Výkon
