W niektórych przypadkach jesteśmy zobowiązani do usunięcia punktorów z list nieuporządkowanych i uporządkowanych. Usunięcie punktorów listy nie jest skomplikowanym zadaniem przy użyciu CSS. Można to łatwo zrobić, ustawiając CSS w stylu listy Lub typ-stylu listy własność do nic .

The typ-stylu listy Właściwość CSS służy do ustawiania znacznika (takiego jak dysk, znak lub niestandardowy styl licznika) pliku a lista element elementu. Ta właściwość CSS pomaga nam utworzyć listę bez punktorów. Można go zastosować tylko do tych elementów, dla których ustawiona jest wartość wyświetlania element listy. The typ-stylu listy Właściwość jest dziedziczona, więc można ją zastosować do elementu nadrzędnego (np

Domyślnie uporządkowane pozycje listy są numerowane cyframi arabskimi (1, 2, 3 itd.), a pozycje na liście nieuporządkowanej są oznaczane okrągłymi punktorami (•). The typ-stylu listy Właściwość CSS pozwala nam zmienić domyślny typ listy znaczników na dowolny inny typ, taki jak kwadrat, okrąg, cyfry rzymskie, litery łacińskie i wiele innych.

Jeśli ustawimy jego wartość na nic , usunie znaczniki/punktory. Zamiast usuwać punktory z listy, możemy zastąpić je obrazami. Zwiększa to atrakcyjność wizualną witryny. Można tego dokonać za pomocą obraz w stylu listy nieruchomość.

Rozumiemy, jak usunąć wypunktowania na przykładzie.

Przykład

W tym przykładzie używamy zarówno list uporządkowanych, jak i nieuporządkowanych i stosujemy metodę typ-stylu listy właściwość z wartością nic , aby usunąć wypunktowanie elementów listy.

 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> 

Wyjście