V nekaterih primerih moramo odstraniti oznake neurejenih in urejenih seznamov. Odstranjevanje oznak s seznama ni zapletena naloga z uporabo CSS. To lahko preprosto storite z nastavitvijo CSS v slogu seznama oz list-style-type premoženje do nobeden .
The list-style-type Lastnost CSS se uporablja za nastavitev označevalca (kot je disk, znak ali slog števca po meri) a seznam element elementa. Ta lastnost CSS nam pomaga ustvariti seznam brez oznak. Uporabi se lahko samo za tiste elemente, katerih vrednost prikaza je nastavljena na element seznama. The list-style-type Lastnost je podedovana, zato jo je mogoče uporabiti za nadrejeni element (npr oz
), da bo veljal za vse elemente seznama.
Privzeto so elementi urejenega seznama oštevilčeni z arabskimi številkami (1, 2, 3 itd.), elementi na neurejenem seznamu pa so označeni z okroglimi točkami (•). The list-style-type Lastnost CSS nam omogoča, da spremenimo privzeto vrsto seznama markerjev v katero koli drugo vrsto, kot so kvadrat, krog, rimske številke, latinične črke in še veliko več.
Če nastavimo njegovo vrednost na nobeden , bo odstranil oznake/krogle. Namesto da bi odstranili oznake na seznamu, jih lahko nadomestimo s slikami. Zaradi tega je spletno mesto vizualno bolj privlačno. To je mogoče storiti z uporabo seznam-slog-slika premoženje.
Razumejmo, kako odstraniti točke z uporabo primera.
Primer
V tem primeru uporabljamo urejene in neurejene sezname ter uporabljamo list-style-type premoženje z vrednostjo nobeden , da odstranite oznake elementov seznama.
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> Preizkusite zdaj Izhod
