V některých případech jsme povinni odstranit odrážky neuspořádaných a uspořádaných seznamů. Odstranění odrážek seznamu není pomocí CSS složitým úkolem. To lze snadno provést nastavením CSS ve stylu seznamu nebo list-style-type majetek do žádný .

The list-style-type Vlastnost CSS se používá k nastavení značky (jako je disk, znak nebo vlastní styl čítače) a seznam prvek položky. Tato vlastnost CSS nám pomáhá vytvořit seznam bez odrážek. Lze jej použít pouze na prvky, jejichž zobrazovaná hodnota je nastavena na položka seznamu. The list-style-type vlastnost je zděděná, takže ji lze použít na nadřazený prvek (např

Ve výchozím nastavení jsou položky seřazeného seznamu číslovány arabskými číslicemi (1, 2, 3 atd.) a položky v neuspořádaném seznamu jsou označeny kulatými odrážkami (•). The list-style-type Vlastnost CSS nám umožňuje změnit výchozí typ značky seznamu na jakýkoli jiný typ, jako je čtverec, kruh, římské číslice, latinská písmena a mnoho dalších.

Nastavíme-li jeho hodnotu na žádný , odstraní značky/kulky. Místo odstranění odrážek v seznamu je můžeme nahradit obrázky. Díky tomu je stránka vizuálně atraktivnější. To lze provést pomocí list-style-image vlastnictví.

Pojďme si na příkladu porozumět, jak odstranit odrážky.

Příklad

V tomto příkladu používáme uspořádané i neuspořádané seznamy a aplikujeme list-style-type nemovitost s hodnotou žádný pro odstranění odrážek položek seznamu.

 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> 

Výstup