|
Die Nachricht für Listen ist recht betrüblich, abgesehen von den Möglichkeiten der Textformatierung, der Hintergrund- und Rahmengestaltung, die man auch mit den Listen-Tags verknüpfen kann, gibt es speziell für Listen wenig, was nicht auch in HTML machbar wäre, dort allerdings in anderer Syntax.
Listen, Tags <OL> und tw. <UL>
list-style: | gesammelte Angaben, von denen bei Netscape 4.x aber nur list-style-type funktioniert. Im Blick auf kommende Browserfähigkeiten sollen die weiteren CSS1-Optionen mit vorgestellt und zum Test angeboten werden. |
list-style-type: |
Einstellung der Aufzählungszeichen bei
<ol>, erkannt werden: decimal, lower-roman,
upper-roman, lower-alpha, upper-alpha,
bei<ul> disc, circle, square, none |
list-style-image: |
Ein Aufzählungszeichen kann als Datei geladen
und eingefügt werden. Mögliche Werte sind
die URL der Bilddatei und none.
Beispielaufruf:
ul{list-style-image:url(grafik.gif)} |
list-style-positeon: |
Das Aufzählungszeichen kann vor dem Text oder
in den Textblock eingeordnet dargestellt werde. Mögliche
Werte demnach: outside und inside.
Fehlt die Angabe, dann wird outside angenommen. |
In der folgenden Tabelle kommen alle möglichen Fromatierungsmöglichkeiten
vor, um testen zu können, was davon der jeweilige Browser
darstellt.
Beispiel-Listen
- Hier sollte als Listenzeichen ein "A" erscheinen
- denn hier wurde mit list-style-type:upper-alpha
formatiert.
-
- hier eine "1", diesmal list-style-type:decimal
-
- und hier "i", weil list-style-type:lower-roman
- hier "ii"
|
nun gleich noch eine Tabelle, ungeordnete Listen betreffend
- Hier ein Bildchen, mit list-style-image
geladen
- Diesmal ein Quadrat (square)zu
sehen, hier wurde wieder der list-style-type
gesetzt.
- Hier ein Kreis wie circle,
- hier Punkt wie disc
- Bleibt noch wortreich zu prüfen,
wie sich die list-style-positeon:inside
auf ein zu ladendes Bild auswirkt, also kombiniert
mit list-style-image. Denn der outside-Wert
ist ja ohnehin der normalerweise angezeigte. Er
bedarf insoweit der Prüfung nicht.
|
|
|
|