HTML/Tutorials/Listen/Gestaltung mit CSS: Unterschied zwischen den Versionen

Aus SELFHTML-Wiki
< HTML‎ | Tutorials‎ | Listen
Wechseln zu: Navigation, Suche
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>&lt;ul&gt;</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>&lt;ol&gt;</code>)
 
*für geordnete Listen (<code>&lt;ol&gt;</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
*für ungeordnete Listen (<code>&lt;ul&gt;</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
 
  
 +
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, Voreinstellung
    • circle, leerer Kreis als Bullet-Zeichen
    • square, quadratisches Bullet-Zeichen
    • none = 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, ebenso
    • upper-alpha, Nummerierung A., B., C., D. usw.
    • upper-latin, ebenso
    • none, 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.