list-style-image: Listengrafik

0 | 0 Kommentare | 2159 Aufrufe
Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "list-style-image: Listengrafik" mit Ihrem Wissen!

Anzeige Hier werben

list-style-image

Werte: none, url()
Standardwert: none
Vererbung: Ja
Kurzschreibweise: list-style
Anwendbar auf: UL, OL
CSS-Level: CSS1, CSS2.1, CSS3

Mit der Eigenschaft list-style-image lassen sich statt den Standard-Aufzählungszeichen, die mit list-style-type definiert werden, eigene Grafiken als Aufzählungszeichen bestimmen. Diese ersetzen dann die vorgegebenen Aufzählungszeichen.

Tipp: Listengrafiken lassen sich auch mit einem Hintergrundbild realisieren. Damit besitzt man die Möglichkeit, seine Grafiken nachzujusitieren.

Dazu setzt man list-style-type auf none und pro Listenelement (LI) ein background.

Mögliche Werte

Wert
 Bedeutung
none
 kein Aufzählungsbild
url()
 URI des Aufzählungsbildes

Beispiel

 
Dieses Beispiel ausprobieren
HTML
1
2
3
4
5
6
<ul style="list-style-image: url(http://mt14.quickshareit.com/share/list66346.gif);">
  <li>ICQ</li>
  <li>MSN</li>
  <li>AIM</li>
  <li>.mac</li>
</ul>
Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 2 Personen an der Seite "list-style-image: Listengrafik" mitgewirkt.

Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "list-style-image: Listengrafik" hier bearbeiten.

Mitarbeiter
  • meggs
    hat keine Beschreibung angegeben. Eine Beschreibung kann man unter dem Punkt "Profil bearbeiten" im Kontrollzentrum eintragen.
  • Thomas H
    arbeitet seit längerem als Webdesigner und vor allem -entwickler. Er ist Webmaster von Webmasterpro.de und leitet den Flashcounter-Service.

Kommentare: list-style-image: Listengrafik