From 497f01fc724eb5849dc8d304c0355e30ce68a68d Mon Sep 17 00:00:00 2001 From: MDN Date: Mon, 8 Nov 2021 00:49:15 +0000 Subject: [CRON] sync translated content --- files/pl/_redirects.txt | 5 +- files/pl/_wikihistory.json | 20 ++--- .../using_css_counters/index.html | 87 ++++++++++++++++++++++ .../using_css_counters/index.html | 87 ---------------------- 4 files changed, 100 insertions(+), 99 deletions(-) create mode 100644 files/pl/web/css/css_counter_styles/using_css_counters/index.html delete mode 100644 files/pl/web/css/css_lists_and_counters/using_css_counters/index.html (limited to 'files/pl') diff --git a/files/pl/_redirects.txt b/files/pl/_redirects.txt index 69f793ad43..de5f8fe222 100644 --- a/files/pl/_redirects.txt +++ b/files/pl/_redirects.txt @@ -1348,7 +1348,7 @@ /pl/docs/Learn/JavaScript/Pierwsze_kroki/What_is_JavaScript /pl/docs/Learn/JavaScript/First_steps/What_is_JavaScript /pl/docs/Learn/JavaScript/Pierwsze_kroki/Zmienne /pl/docs/Learn/JavaScript/First_steps/Variables /pl/docs/Learn/Server-side/Express_Nodejs/Szkolenie_aplikacja_biblioteka /pl/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website -/pl/docs/Liczniki_CSS /pl/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters +/pl/docs/Liczniki_CSS /pl/docs/Web/CSS/CSS_Counter_Styles/Using_CSS_counters /pl/docs/Lokalizacja /pl/docs/Glossary/Localization /pl/docs/MDN/Contribute/Content /pl/docs/MDN/Guidelines /pl/docs/MDN/Feedback /pl/docs/MDN/Contribute/Feedback @@ -1549,6 +1549,7 @@ /pl/docs/Web/CSS/@-moz-document /pl/docs/Web/CSS/@document /pl/docs/Web/CSS/CSS_Colors /pl/docs/Web/CSS/CSS_Color /pl/docs/Web/CSS/CSS_Colors/Narzedzie_doboru_kolorow /pl/docs/Web/CSS/CSS_Colors/Color_picker_tool +/pl/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters /pl/docs/Web/CSS/CSS_Counter_Styles/Using_CSS_counters /pl/docs/Web/CSS/CSS_Reference /pl/docs/Web/CSS/Reference /pl/docs/Web/CSS/CSS_Reference/Rozszerzenia_Mozilli /pl/docs/Web/CSS/Mozilla_Extensions /pl/docs/Web/CSS/CSS_Selectors/Użycie_pseudoklasy_:target_w_selektorach /pl/docs/Web/CSS/CSS_Selectors/Using_the_:target_pseudo-class_in_selectors @@ -1588,7 +1589,7 @@ /pl/docs/Web/Guide/CSS/Sprawdzanie_media_queries /pl/docs/Web/CSS/Media_Queries/Testing_media_queries /pl/docs/Web/Guide/HTML /pl/docs/Learn/HTML /pl/docs/Web/Guide/HTML/Wprowadzenie /pl/docs/Learn/HTML/Introduction_to_HTML -/pl/docs/Web/Guide/Liczniki_CSS /pl/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters +/pl/docs/Web/Guide/Liczniki_CSS /pl/docs/Web/CSS/CSS_Counter_Styles/Using_CSS_counters /pl/docs/Web/HTML(PL)/Tryb_Zgodnosci_oraz_Tryb_Standardow /pl/docs/Web/HTML/Quirks_Mode_and_Standards_Mode /pl/docs/Web/HTML/Canvas /pl/docs/Web/API/Canvas_API /pl/docs/Web/HTML/Elementy /pl/docs/Web/HTML/Element diff --git a/files/pl/_wikihistory.json b/files/pl/_wikihistory.json index 5acd092626..03adc52a6e 100644 --- a/files/pl/_wikihistory.json +++ b/files/pl/_wikihistory.json @@ -4225,6 +4225,16 @@ "gandalf" ] }, + "Web/CSS/CSS_Counter_Styles/Using_CSS_counters": { + "modified": "2019-03-23T23:43:40.448Z", + "contributors": [ + "Kuzirashi", + "teoli", + "Mgjbot", + "Ptak82", + "PablO" + ] + }, "Web/CSS/CSS_Flexible_Box_Layout": { "modified": "2019-03-18T21:39:51.689Z", "contributors": [ @@ -4239,16 +4249,6 @@ "CreateWWW" ] }, - "Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters": { - "modified": "2019-03-23T23:43:40.448Z", - "contributors": [ - "Kuzirashi", - "teoli", - "Mgjbot", - "Ptak82", - "PablO" - ] - }, "Web/CSS/CSS_Selectors": { "modified": "2020-06-02T17:26:22.713Z", "contributors": [ diff --git a/files/pl/web/css/css_counter_styles/using_css_counters/index.html b/files/pl/web/css/css_counter_styles/using_css_counters/index.html new file mode 100644 index 0000000000..9f1025b83e --- /dev/null +++ b/files/pl/web/css/css_counter_styles/using_css_counters/index.html @@ -0,0 +1,87 @@ +--- +title: Liczniki CSS +slug: Web/CSS/CSS_Counter_Styles/Using_CSS_counters +tags: + - CSS + - Wszystkie_kategorie +translation_of: Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters +original_slug: Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters +--- +

 

+ +

Podsumowanie

+ +

Liczniki w CSS zostały opisane w sekcji Automatic counters and numbering dokumentacji CSS 2.1. Wartość licznika jest ustawiana poprzez użycie własności counter-reset oraz counter-increment, natomiast wyświetlana jest przy wykorzystaniu funkcji counter() lub counters() należących do własności content.

+ +

Zastosowanie liczników

+ +

Aby użyć licznika CSS, należy najpierw ustawić mu wartość (domyślnie jest to 0) przy pomocy własności reset. Aby wyświetlić wartość licznika w danym elemencie należy skorzystać z funkcji counter(). Poniższy przykład dodaje na początku każdego elementu h1 "Sekcja wartość licznika:".

+ +
  body {
+    counter-reset: sekcja;           /* Ustawienie licznika sekcja na 0 */
+  }
+  h1::before {
+    counter-increment: sekcja;               /* Zwiększa licznik sekcja */
+    content: "Sekcja " counter(sekcja) ": ";       /* Wyświetla licznik */
+  }
+
+ +

Zagnieżdżanie liczników

+ +

Liczniki CSS mogą być szczególnie użyteczne przy listach uporządkowanych (ol), ponieważ nowa instancja licznika CSS jest automatycznie tworzona dla potomków danego elementu. Użycie funkcji counters() pozwala na dodanie ciągu znaków, który będzie oddzielał kolejne poziomy zagnieżdżonych liczników:

+ +
  ol {
+    counter-reset: sekcja;                /* Tworzy nową instancję licznika
+                                             sekcja w każdym elemencie ol */
+    list-style-type: none;                /* Usuwa domyślnie wyświetlany licznik */
+  }
+  li::before {
+    counter-increment: sekcja;            /* Zwiększa tylko tę instancję
+                                             licznika sekcja */
+    content: counters(sekcja, ".") " ";   /* Wyświetla wartości wszystkich
+                                             instancji licznika sekcja,
+                                             oddzielając je ciągiem ".". */
+  }
+
+ +

Przykładowy HTML (w komentarzach podano wartość wygenerowanego licznika):

+ +
<ol>
+  <li>item</li>          <!-- 1     -->
+  <li>item               <!-- 2     -->
+    <ol>
+      <li>item</li>      <!-- 2.1   -->
+      <li>item</li>      <!-- 2.2   -->
+      <li>item           <!-- 2.3   -->
+        <ol>
+          <li>item</li>  <!-- 2.3.1 -->
+          <li>item</li>  <!-- 2.3.2 -->
+        </ol>
+        <ol>
+          <li>item</li>  <!-- 2.3.1 -->
+          <li>item</li>  <!-- 2.3.2 -->
+          <li>item</li>  <!-- 2.3.3 -->
+        </ol>
+      </li>
+      <li>item</li>      <!-- 2.4   -->
+    </ol>
+  </li>
+  <li>item</li>          <!-- 3     -->
+  <li>item</li>          <!-- 4     -->
+</ol>
+<ol>
+  <li>item</li>          <!-- 1     -->
+  <li>item</li>          <!-- 2     -->
+</ol>
+
+ +

Zobacz także

+ + + +

potrzebna treść do artykułu

+ +

{{ languages( { "en": "en/CSS_Counters", "fr": "fr/Compteurs_CSS" } ) }}

diff --git a/files/pl/web/css/css_lists_and_counters/using_css_counters/index.html b/files/pl/web/css/css_lists_and_counters/using_css_counters/index.html deleted file mode 100644 index 0886615002..0000000000 --- a/files/pl/web/css/css_lists_and_counters/using_css_counters/index.html +++ /dev/null @@ -1,87 +0,0 @@ ---- -title: Liczniki CSS -slug: Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters -tags: - - CSS - - Wszystkie_kategorie -translation_of: Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters -original_slug: Web/Guide/Liczniki_CSS ---- -

 

- -

Podsumowanie

- -

Liczniki w CSS zostały opisane w sekcji Automatic counters and numbering dokumentacji CSS 2.1. Wartość licznika jest ustawiana poprzez użycie własności counter-reset oraz counter-increment, natomiast wyświetlana jest przy wykorzystaniu funkcji counter() lub counters() należących do własności content.

- -

Zastosowanie liczników

- -

Aby użyć licznika CSS, należy najpierw ustawić mu wartość (domyślnie jest to 0) przy pomocy własności reset. Aby wyświetlić wartość licznika w danym elemencie należy skorzystać z funkcji counter(). Poniższy przykład dodaje na początku każdego elementu h1 "Sekcja wartość licznika:".

- -
  body {
-    counter-reset: sekcja;           /* Ustawienie licznika sekcja na 0 */
-  }
-  h1::before {
-    counter-increment: sekcja;               /* Zwiększa licznik sekcja */
-    content: "Sekcja " counter(sekcja) ": ";       /* Wyświetla licznik */
-  }
-
- -

Zagnieżdżanie liczników

- -

Liczniki CSS mogą być szczególnie użyteczne przy listach uporządkowanych (ol), ponieważ nowa instancja licznika CSS jest automatycznie tworzona dla potomków danego elementu. Użycie funkcji counters() pozwala na dodanie ciągu znaków, który będzie oddzielał kolejne poziomy zagnieżdżonych liczników:

- -
  ol {
-    counter-reset: sekcja;                /* Tworzy nową instancję licznika
-                                             sekcja w każdym elemencie ol */
-    list-style-type: none;                /* Usuwa domyślnie wyświetlany licznik */
-  }
-  li::before {
-    counter-increment: sekcja;            /* Zwiększa tylko tę instancję
-                                             licznika sekcja */
-    content: counters(sekcja, ".") " ";   /* Wyświetla wartości wszystkich
-                                             instancji licznika sekcja,
-                                             oddzielając je ciągiem ".". */
-  }
-
- -

Przykładowy HTML (w komentarzach podano wartość wygenerowanego licznika):

- -
<ol>
-  <li>item</li>          <!-- 1     -->
-  <li>item               <!-- 2     -->
-    <ol>
-      <li>item</li>      <!-- 2.1   -->
-      <li>item</li>      <!-- 2.2   -->
-      <li>item           <!-- 2.3   -->
-        <ol>
-          <li>item</li>  <!-- 2.3.1 -->
-          <li>item</li>  <!-- 2.3.2 -->
-        </ol>
-        <ol>
-          <li>item</li>  <!-- 2.3.1 -->
-          <li>item</li>  <!-- 2.3.2 -->
-          <li>item</li>  <!-- 2.3.3 -->
-        </ol>
-      </li>
-      <li>item</li>      <!-- 2.4   -->
-    </ol>
-  </li>
-  <li>item</li>          <!-- 3     -->
-  <li>item</li>          <!-- 4     -->
-</ol>
-<ol>
-  <li>item</li>          <!-- 1     -->
-  <li>item</li>          <!-- 2     -->
-</ol>
-
- -

Zobacz także

- - - -

potrzebna treść do artykułu

- -

{{ languages( { "en": "en/CSS_Counters", "fr": "fr/Compteurs_CSS" } ) }}

-- cgit v1.2.3-54-g00ecf