1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
|
---
title: ol
slug: Web/HTML/Element/ol
tags:
- 'HTML:Opis_elementów'
translation_of: Web/HTML/Element/ol
---
<p> </p>
<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3>
<p>Element <code><ol></code> (ordered list) jest używany do definiowania uporządkowanej lub numerowanej listy punktów. Styl numerowania pojawia się w różnych formach, włączając w to litery, cyfry rzymskie i normalne liczby. Poszczególne punkty w liście są określane przez elementy <a href="pl/HTML/Element/li">pozycja listy</a> (<a href="pl/HTML/Element/li"><li></a>), objęte elementem <code><ol></code>.</p>
<ul>
<li>Typ elementu: <a href="pl/HTML/Elementy_blokowe">blokowy</a></li>
<li>Dozwolona zawartość: <a href="pl/HTML/Element/li">li</a></li>
</ul>
<h3 id="Atrybuty" name="Atrybuty">Atrybuty</h3>
<dl>
<dt>
start {{ Deprecated_inline() }}</dt>
<dd>
Określa początkową wartość dla numerowania poszczególnych punktów listy. Chociaż typ porządkowania listy elementów może być cyframi rzymskimi, jak XXXI, lub literami, wartość <code>start</code> jest zawsze reprezentowana jako liczba. By rozpocząć numerowanie elementów od litery "C", użyj <code><ol type="A" start="3"></code>.</dd>
</dl>
<dl>
<dt>
type {{ Deprecated_inline() }}</dt>
<dd>
Wskazuje typ numerowania: <code>a</code> określa małe litery, <code>A</code> wskazuje duże litery, <code>i</code> określa małe cyfry rzymskie, <code>I</code> określa duże cyfry rzymskie, zaś <code>1</code> określa liczby. Atrybut <code>type</code> ustawiony w elemencie <code><ol></code> jest używany wewnątrz listy, chyba że atrybut <code>type</code> jest użyty w zamkniętym elemencie <a href="pl/HTML/Element/li"><li></a>. Ten atrybut jest wycofywany, użyj zamiast niego własności <a href="pl/CSS">CSS</a> <a href="pl/CSS/list-style-type">list-style-type</a>.</dd>
</dl>
<dl>
<dt>
compact {{ Deprecated_inline() }}</dt>
<dd>
Wskazuje, że lista powinna być wyświetlona w zwartej formie. Interpretacja tego atrybutu zależy od programu użytkownika. Nie działa on we wszystkich wiodących przeglądarkach.</dd>
</dl>
<h3 id="Przyk.C5.82ady" name="Przyk.C5.82ady">Przykłady</h3>
<h4 id="Prosty_przyk.C5.82ad" name="Prosty_przyk.C5.82ad">Prosty przykład</h4>
<pre> <ol>
<li>pierwsza pozycja</li>
<li>druga pozycja</li>
<li>trzecia pozycja</li>
</ol>
</pre>
<p>Powyższy HTML daje w efekcie:</p>
<ol>
<li>pierwsza pozycja</li>
<li>druga pozycja</li>
<li>trzecia pozycja</li>
</ol>
<h4 id="U.C5.BCycie_w.C5.82asno.C5.9Bci_start" name="U.C5.BCycie_w.C5.82asno.C5.9Bci_start">Użycie własności <code>start</code></h4>
<pre> <ol start="7">
<li>pierwsza pozycja</li>
<li>druga pozycja</li>
<li>trzecia pozycja</li>
</ol>
</pre>
<p>Powyższy HTML daje w efekcie:</p>
<ol start="7">
<li>pierwsza pozycja</li>
<li>druga pozycja</li>
<li>trzecia pozycja</li>
</ol>
<h4 id="Zagnie.C5.BCd.C5.BCona_lista" name="Zagnie.C5.BCd.C5.BCona_lista">Zagnieżdżona lista</h4>
<pre> <ol>
<li>pierwsza pozycja</li>
<li>druga pozycja <!-- Spójrz, zamykający znacznik </li> nie jest tutaj umieszczony -->
<ol>
<li>druga pozycja pierwszy podpunkt</li>
<li>druga pozycja drugi podpunkt</li>
<li>druga pozycja trzeci podpunkt</li>
</ol>
</li> <!-- Tutaj jest zamykający znacznik </li> -->
<li>trzecia pozycja</li>
</ol>
</pre>
<p>Powyższy HTML daje w efekcie:</p>
<ol>
<li>pierwsza pozycja</li>
<li>druga pozycja
<ol>
<li>druga pozycja pierwszy podpunkt</li>
<li>druga pozycja drugi podpunkt</li>
<li>druga pozycja trzeci podpunkt</li>
</ol>
</li>
<li>trzecia pozycja</li>
</ol>
<h4 id="Zagnie.C5.BCd.C5.BCanie_.3Col.3E_oraz_.3Cul.3E" name="Zagnie.C5.BCd.C5.BCanie_.3Col.3E_oraz_.3Cul.3E">Zagnieżdżanie <ol> oraz <ul></h4>
<pre> <ol>
<li>pierwsza pozycja</li>
<li>druga pozycja <!-- Spójrz, zamykający znacznik </li> nie jest tutaj umieszczony -->
<ul>
<li>druga pozycja pierwszy podpunkt</li>
<li>druga pozycja drugi podpunkt</li>
<li>druga pozycja trzeci podpunkt</li>
</ul>
</li> <!-- Tutaj jest zamykający znacznik </li> -->
<li>trzecia pozycja</li>
</ol>
</pre>
<p>Powyższy HTML daje w efekcie:</p>
<ol>
<li>pierwsza pozycja</li>
<li>druga pozycja
<ul>
<li style="list-style-type: square;">druga pozycja pierwszy podpunkt</li>
<li style="list-style-type: square;">druga pozycja drugi podpunkt</li>
<li style="list-style-type: square;">druga pozycja trzeci podpunkt</li>
</ul>
</li>
<li>trzecia pozycja</li>
</ol>
<h3 id="Notatki" name="Notatki">Notatki</h3>
<p>Możesz zagnieżdżać tak dużo list <code><ul></code> i <code><ol></code>, jak chcesz w dowolnej kolejności.</p>
<p>Aby zmienić wcięcie listy, użyj własności <a href="pl/CSS">CSS</a> <a href="pl/CSS/margin">margin</a>.</p>
<p> </p>
<h3 id="Zobacz_tak.C5.BCe" name="Zobacz_tak.C5.BCe">Zobacz także</h3>
<ul>
<li><a href="pl/HTML/Element/li">Znacznik li (pozycja listy)</a></li>
<li><a href="pl/HTML/Element/ul">Znacznik ul (lista nieuporządkowana)</a></li>
<li><a href="pl/CSS/list-style">Własność CSS list-style</a></li>
<li><a href="pl/Liczniki_CSS">Liczniki CSS</a></li>
</ul>
<p>{{ HTML:Element_Navigation() }}</p>
<p>{{ languages( { "en": "en/HTML/Element/ol" } ) }}</p>
|
