Ich habe „Creative List Styling“ im web.dev-Blog von Google gelesen und etwas Seltsames in einem der Codebeispiele im Abschnitt ::marker des Artikels bemerkt. Die integrierten Listenmarker sind Aufzählungszeichen, Ordnungszahlen und Buchstaben. Das ::marker-Pseudoelement ...
Listen - wir haben alle auf die eine oder andere Weise mit ihnen gearbeitet. Ich spreche von HTMLs <ol> und <ul>. Oft schalten wir die Marker der Liste vollständig aus, weil wir Styling-Kontrolle wünschen, mit list-style-type: none, und beginnen …
Die Tatsache, dass Listen ihre Markierungen (standardmäßig) *außerhalb* ihrer eigenen Box rendern, ist etwas seltsam. Jeglicher versteckte Überlauf oder Überhang am Rand des Browsers wird sie verbergen. Das Verschieben in die Box hinein fühlt sich besser und sicherer an, aber …
Die list-style-Eigenschaft ist eine Kurzschreibweise, die Werte für drei verschiedene listenbezogene Eigenschaften in einer einzigen Deklaration festlegt.
ul {
list-style: <list-style-type|| <list-style-position|| <list-style-image;
}Hier ist ein Beispiel für die Syntax.
ul {
list-style: square outside none;
