aboutsummaryrefslogtreecommitdiff
path: root/files/pl/web/css/list-style-position/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/pl/web/css/list-style-position/index.html')
-rw-r--r--files/pl/web/css/list-style-position/index.html99
1 files changed, 99 insertions, 0 deletions
diff --git a/files/pl/web/css/list-style-position/index.html b/files/pl/web/css/list-style-position/index.html
new file mode 100644
index 0000000000..62b79481be
--- /dev/null
+++ b/files/pl/web/css/list-style-position/index.html
@@ -0,0 +1,99 @@
+---
+title: list-style-position
+slug: Web/CSS/list-style-position
+tags:
+ - CSS
+ - 'CSS:Dokumentacje'
+ - Dokumentacje
+ - Wszystkie_kategorie
+translation_of: Web/CSS/list-style-position
+---
+<p>{{ CSSRef() }}</p>
+
+<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3>
+
+<p><code>list-style-position</code> określa pozycję znacznika listy w <a href="pl/HTML/Element/li">elemencie listy</a>.</p>
+
+<ul>
+ <li>{{ Xref_cssinitial() }}: {{ Cssxref("outside") }}</li>
+ <li>Stosowana do: elementów z 'display: list-item'</li>
+ <li>{{ Xref_cssinherited() }}: tak</li>
+ <li>Procenty: niedostępne</li>
+ <li>Media: {{ Xref_cssvisual() }}</li>
+ <li>{{ Xref_csscomputed() }}: jako określone</li>
+</ul>
+
+<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3>
+
+<pre class="eval">list-style-position: inside | outside | inherit
+</pre>
+
+<h3 id="Warto.C5.9Bci" name="Warto.C5.9Bci">Wartości</h3>
+
+<dl>
+ <dt><code>outside</code></dt>
+ <dd>Znacznik jest umieszczany poza <a href="pl/HTML/Element/li">elementem listy</a>.</dd>
+ <dt><code>inside</code></dt>
+ <dd>Znacznik jest umieszczany wewnątrz elementu listy. Jest on pierwszym blokiem inline i zawartość elementu go opływa.</dd>
+</dl>
+
+<h2 id="Przykłady">Przykłady</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;ul class="one"&gt; List 1
+ &lt;li&gt;List Item 1-1&lt;/li&gt;
+ &lt;li&gt;List Item 1-2&lt;/li&gt;
+ &lt;li&gt;List Item 1-3&lt;/li&gt;
+ &lt;li&gt;List Item 1-4&lt;/li&gt;
+&lt;/ul&gt;
+&lt;ul class="two"&gt; List 2
+ &lt;li&gt;List Item 2-1&lt;/li&gt;
+ &lt;li&gt;List Item 2-2&lt;/li&gt;
+ &lt;li&gt;List Item 2-3&lt;/li&gt;
+ &lt;li&gt;List Item 2-4&lt;/li&gt;
+&lt;/ul&gt;
+&lt;ul class="three"&gt; List 3
+ &lt;li&gt;List Item 3-1&lt;/li&gt;
+ &lt;li&gt;List Item 3-2&lt;/li&gt;
+ &lt;li&gt;List Item 3-3&lt;/li&gt;
+ &lt;li&gt;List Item 3-4&lt;/li&gt;
+&lt;/ul&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush:css;">.one {
+ list-style:square inside;
+}
+
+.two {
+ list-style-position: outside;
+ list-style-type: circle;
+}
+
+.three {
+ list-style-image: url("https://mdn.mozillademos.org/files/11979/starsolid.gif");
+ list-style-position: inherit;
+}</pre>
+
+<h3 id="Result">Result</h3>
+
+<p>{{EmbedLiveSample("Przykłady","200","420")}}</p>
+
+<h3 id="Specyfikacje" name="Specyfikacje">Specyfikacje</h3>
+
+<ul>
+ <li><a class="external" href="http://www.w3.org/TR/CSS1#list-style-position">CSS 1</a></li>
+ <li><a class="external" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position">CSS 2.1</a></li>
+ <li><a class="external" href="http://www.w3.org/TR/2002/WD-css3-lists-20021107/#list-style-position">CSS 3</a></li>
+</ul>
+
+<h3 id="Zgodno.C5.9B.C4.87_z_przegl.C4.85dark.C4.85" name="Zgodno.C5.9B.C4.87_z_przegl.C4.85dark.C4.85">Zgodność z przeglądarką</h3>
+
+<h3 id="Zobacz_tak.C5.BCe" name="Zobacz_tak.C5.BCe">Zobacz także</h3>
+
+<p>{{ Cssxref("list-style") }}, {{ Cssxref("list-style-type") }}, {{ Cssxref("list-style-image") }}</p>
+
+<div class="noinclude"> </div>
+
+<p>{{ languages( { "en": "en/CSS/list-style-position", "es": "es/CSS/list-style-position", "fr": "fr/CSS/list-style-position" } ) }}</p>