Verwendung von list-style-type: none; um keine Aufzählungszeichen anzuzeigen

Die korrekte Antwort auf die Frage "Wie erstellen Sie eine Liste, die keine Aufzählungszeichen anzeigt?" ist list-style-type: none;. Diese CSS-Eigenschaft ist dafür verantwortlich, den Stil der Aufzählungszeichen in einer Liste zu ändern oder ganz zu entfernen.

Im Zuge der Webentwicklung, kann es vorkommen, dass Sie eine Liste erstellen möchten, ohne die Standard-Aufzählungszeichen anzuzeigen. Dies ist oft der Fall bei der Gestaltung von Navigationselementen oder anderen ähnlichen Elementen auf einer Webseite.

Sehen wir uns ein praktisches Beispiel dafür an, wie dies in einer echten Anwendung verwendet werden kann:

<ul style="list-style-type: none;">
  <li>Punkt 1</li>
  <li>Punkt 2</li>
  <li>Punkt 3</li>
</ul>

In diesem Fall werden Punkt 1, Punkt 2 und Punkt 3 als Liste formatiert, aber ohne die typischen Aufzählungszeichen, da wir die CSS-Eigenschaft list-style-type: none; verwendet haben.

Es gibt auch andere Wertoptionen für die Eigenschaft list-style-type, fallen diese würde Aufzählungszeichen oder Nummerierung anzeigen, wie disc, circle, square und decimal.

Es ist eine gute Praxis, Liste mit den Eigenschaften list-style-type: none; und padding-left: 0; zu definieren, um den Abstand auf der linken Seite zu entfernen, der üblicherweise durch die Aufzählungszeichen erzeugt wird.

Beachten Sie, dass list-style: no-bullet;, bullet-style: none; und list-bullet: off; keine korrekten CSS-Eigenschaften sind und daher keine Auswirkungen auf die Darstellung von Listen in einem Browser haben würden.