Galerie
Tipps zur Menügestaltung mit CSS - Tipps zur Menügestaltung mit CSS
Tipps zur Menügestaltung mit CSS
Tipp 2: Eigenschaft list-style
So legen Sie in einer Liste das Aussehen attraktiver Aufzählungszeichen fest.
Mit den CSS-Attributen list-style-type, list-style-position, list-style-image konfigurieren Sie bei Bedarf das Erscheinungsbild von Aufzählungszeichen. Die entsprechenden HTML-Attribute gelten als deprecated. Standardmäßig werden diese mit einem runden schwarzen Punkt als Bullet-Zeichen dargestellt, wie Sie es im vorigen Bild sehen. Mit dem Ausdruck list-style-image:url(<Bilddatei") geben Sie eine eigene Grafik für das Bullet an, mit list-style-position: inside rücken Sie es ein, während list-style-type die Art des Aufzählungszeichens bestimmt. Die wichtigsten Einstellungen hierzu zeigt die Tabelle (siehe Bild, Tipp 2).
Das Attribut list-style erlaubt es, Werte für list-style-type, list-style-position und list-style-image zusammenzufassen, wobei die Reihenfolge keine Rolle spielt. Es ist auch nicht notwendig, Werte für alle Attribute anzugeben. Wenn Sie für das Design kein Aufzählungszeichen wollen, verwenden Sie die Einstellung list-style: none;. Das Style Sheet platzieren Sie im Head-Bereich des HTML-Dokuments und weisen der Liste im Body das entsprechende class-Attribut zu.