CSS Referenz: Listen formatieren
Anzeige Hier werben
Listen lassen sich in CSS leicht modifizieren. Es ist möglich verschiedene Aufzählungszeichen zu definieren, eigene Aufzählungsgrafiken festzulegen und das layout verändern.
list-style: Kurzsschreibweise
Werte: Werte für list-style-image, list-style-position, list-style-type
Die Eigenschaft schließt die folgenden 3 Eigenschaften list-style-image, list-style-position und list-style-type ein.
Diese Eigenschaft kann auf die Tags <ol>, <ul> und Tags mit der Auszeichnung display: list-item; angewandt werden.
list-style-image: Listengrafik
Werte: none, url(), inherit
Mit list-style-image lässt sich eine eigene Grafik für die Listenpunkte festlegen.
list-style-position: Listenzeichen einrücken
Werte: outside, inside, inherit
Mit list-style-position lässt sich die Position der Liste verändern.
list-style-type: Listenart
Werte: none, circle, disc, decimal, lower-roman, upper-roman, decimal-leading-zero, lower-greek, lower-latin, upper-latin, armenian, georgian, inherit
Mit list-style-type lässt sich die Aufzählungsart der Liste ändern.
Beispiel
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <style type="text/css">
ul {
list-style:url(http://forum.webmasterpro.de/templates/v6/images/icon_latest_reply.gif) inside;
}
</style>
<ul>
<li>Das ist ein Beispiel, wie man<br/>
list-style verwenden kann.
</li>
<li>Das ist ein Beispiel, wie man<br/>
list-style verwenden kann.
</li>
<li>Das ist ein Beispiel, wie man<br/>
list-style verwenden kann.
</li>
<li>Das ist ein Beispiel, wie man<br/>
list-style verwenden kann.
</li>
</ul>
|
Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 5 Personen an der Seite "CSS Referenz: Listen formatieren" mitgewirkt.
Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "CSS Referenz: Listen formatieren" hier bearbeiten.
-
hat keine Beschreibung angegeben. Eine Beschreibung kann man unter dem Punkt "Profil bearbeiten" im Kontrollzentrum eintragen.
-
graphic, motion & web design - kernreaktor - mutter kind turnen
-
David Danier arbeitet seit mehr als neun Jahren im Bereich Web Programmierung und ist unter anderem Geschäftsführer der Webagentur Team23 sowie Webmasterpro.de.
-
arbeitet seit längerem als Webdesigner und vor allem -entwickler. Er ist Webmaster von Webmasterpro.de und leitet den Flashcounter-Service.
-
Student der Biochemie und seit einigen Jahren im Hobby-Entwicklerbereich tätig. Stärken in XHTML/CSS und PHP, alles was mit Grafik zu tun hat, gehört nicht dazu.