HTML/Tutorials/Listen/Gestaltung mit CSS: Unterschied zwischen den Versionen
Aus SELFHTML-Wiki
K (Tippfehler) |
K (Link auf html/ol gesetzt, um Nummerierung beeinflussen zu erklären.) |
||
| Zeile 36: | Zeile 36: | ||
}} | }} | ||
Für Aufzählungslisten können Sie das Erscheinungsbild des Bullet-Zeichens bestimmen. Für nummerierte Listen können Sie die Darstellung der Durchnummerierung beeinflussen. Erlaubt ist unter anderem eine der folgenden Angaben: | Für Aufzählungslisten können Sie das Erscheinungsbild des Bullet-Zeichens bestimmen. Für nummerierte Listen können Sie die Darstellung der Durchnummerierung beeinflussen. Erlaubt ist unter anderem eine der folgenden Angaben: | ||
| + | *für ungeordnete Listen (<code><ul></code>) | ||
| + | **<code>disc</code>, gefüllter Kreis als Bullet-Zeichen, Voreinstellung | ||
| + | **<code>circle</code>, leerer Kreis als Bullet-Zeichen | ||
| + | **<code>square</code>, quadratisches Bullet-Zeichen | ||
| + | **<code>none</code> = kein Bullet-Zeichen | ||
*für geordnete Listen (<code><ol></code>) | *für geordnete Listen (<code><ol></code>) | ||
**<code>decimal</code>, Nummerierung 1., 2., 3., 4. usw. | **<code>decimal</code>, Nummerierung 1., 2., 3., 4. usw. | ||
| Zeile 46: | Zeile 51: | ||
**<code>upper-latin</code>, ebenso | **<code>upper-latin</code>, ebenso | ||
**<code>none</code>, keine Nummerierung | **<code>none</code>, keine Nummerierung | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| + | Durch das Attribut start im Element ol können sie die Nummerierung beeinflussen. | ||
| + | [[http://wiki.selfhtml.org/wiki/HTML/Textstrukturierung/ol#Nummerierung_beeinflussen]] | ||
Außerdem gibt es Nummerierungen in vielen verschiedenen Sprachen wie z.B. hebräisch, chinesisch usw. | Außerdem gibt es Nummerierungen in vielen verschiedenen Sprachen wie z.B. hebräisch, chinesisch usw. | ||
{{Kategorie|CSS}} | {{Kategorie|CSS}} | ||
[[Kategorie:Eigenschaft (CSS)]] | [[Kategorie:Eigenschaft (CSS)]] | ||
Version vom 29. Dezember 2013, 21:41 Uhr
Die Eigenschaft list-style-type ermöglicht die Auswahl des Aufzählungszeichens bzw. die Festlegung der Art der Nummerierung.
ToDo (weitere ToDos)
CSS3 ergänzen
Beispiel
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>list-style-type</title>
</head>
<body>
<h4>Aufzählungsliste <code>ul</code> mit Darstellungstyp <code>disc</code></h4>
<ul style="list-style-type: disc;">
<li>Probieren geht über Studieren</li>
</ul>
<h4>Aufzählungsliste <code>ul</code> mit Darstellungstyp <code>circle</code></h4>
<ul style="list-style-type: circle;">
<li>Probieren geht über Studieren</li>
</ul>
<h4>Nummerierte Liste <code>ol</code> mit Darstellungstyp <code>decimal</code></h4>
<ol style="list-style-type: decimal;">
<li>Probieren geht über Studieren</li>
</ol>
<h4>Nummerierte Liste <code>ol</code> mit Darstellungstyp <code>lower-roman</code></h4>
<ol style="list-style-type: lower-roman;">
<li>Probieren geht über Studieren</li>
</ol>
</body>
</html>
Für Aufzählungslisten können Sie das Erscheinungsbild des Bullet-Zeichens bestimmen. Für nummerierte Listen können Sie die Darstellung der Durchnummerierung beeinflussen. Erlaubt ist unter anderem eine der folgenden Angaben:
- für ungeordnete Listen (
<ul>)disc, gefüllter Kreis als Bullet-Zeichen, Voreinstellungcircle, leerer Kreis als Bullet-Zeichensquare, quadratisches Bullet-Zeichennone= kein Bullet-Zeichen
- für geordnete Listen (
<ol>)decimal, Nummerierung 1., 2., 3., 4. usw.decimal-leading-zero, Nummerierung 01., 02., 03., 04. usw.lower-roman, Nummerierung i., ii., iii., iv. usw.upper-roman, Nummerierung I., II., III., IV. usw.lower-alpha, Nummerierung a., b., c., d. usw.lower-latin, ebensoupper-alpha, Nummerierung A., B., C., D. usw.upper-latin, ebensonone, keine Nummerierung
Durch das Attribut start im Element ol können sie die Nummerierung beeinflussen. [[1]] Außerdem gibt es Nummerierungen in vielen verschiedenen Sprachen wie z.B. hebräisch, chinesisch usw.