From 841aae260382e2bf5ebb44d765d8c7301d27caab Mon Sep 17 00:00:00 2001 From: Alexey Istomin Date: Sat, 20 Mar 2021 18:37:44 +0300 Subject: Restore "ё" letter in Russian translation (#239) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * docs(ru): restore ё letter * docs(ru): resolve conflicts * refactor(idea): remove ide folder --- .../using_css_counters/index.html | 34 +++++++++++----------- 1 file changed, 17 insertions(+), 17 deletions(-) (limited to 'files/ru/web/css/css_lists_and_counters') diff --git a/files/ru/web/css/css_lists_and_counters/using_css_counters/index.html b/files/ru/web/css/css_lists_and_counters/using_css_counters/index.html index 36bce31553..747e2bfc6c 100644 --- a/files/ru/web/css/css_lists_and_counters/using_css_counters/index.html +++ b/files/ru/web/css/css_lists_and_counters/using_css_counters/index.html @@ -1,33 +1,33 @@ --- -title: CSS счетчики +title: CSS счётчики slug: Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters tags: - CSS - - CSS счетчики - - вложенные счетчики + - CSS счётчики + - вложенные счётчики translation_of: Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters ---
{{CSSRef}}
-

CSS счетчики, в своей сущности, переменные CSS, значения которых могут быть инкрементированы при помощи CSS для отслеживания количества их использования. Они позволяют регулировать внешний вид контента, основываясь на его местоположении в документе. CSS счетчики реализованы в CSS 2.1 (ссылка на спецификацию).

+

CSS счётчики, в своей сущности, переменные CSS, значения которых могут быть инкрементированы при помощи CSS для отслеживания количества их использования. Они позволяют регулировать внешний вид контента, основываясь на его местоположении в документе. CSS счётчики реализованы в CSS 2.1 (ссылка на спецификацию).

-

Значение счетчика сбрасывается (инициализируется) при помощи {{cssxref("counter-reset")}}. 

+

Значение счётчика сбрасывается (инициализируется) при помощи {{cssxref("counter-reset")}}. 

-

{{cssxref("counter-increment")}} может быть отображен на странице, используя функцию counter() или counters() в свойстве {{cssxref("content")}}.

+

{{cssxref("counter-increment")}} может быть отображён на странице, используя функцию counter() или counters() в свойстве {{cssxref("content")}}.

-

Использование счетчиков

+

Использование счётчиков

-

Для того, чтобы использовать CSS счетчики, сначала необходимо сбросить их значение (0 по умолчанию). Для того, чтобы отобразить значение счетчика - используйте функцию counter(). Следующий пример прибавляет в начале каждого h3 элемента "Section <значение счетчика>:".

+

Для того, чтобы использовать CSS счётчики, сначала необходимо сбросить их значение (0 по умолчанию). Для того, чтобы отобразить значение счётчика - используйте функцию counter(). Следующий пример прибавляет в начале каждого h3 элемента "Section <значение счётчика>:".

body {
   counter-reset: section;                     /* Устанавливает значение
-                                                 счетчика, равным 0 */
+                                                 счётчика, равным 0 */
 }
 
 h3::before {
-  counter-increment: section;                 /* Инкрементирует счетчик*/
+  counter-increment: section;                 /* Инкрементирует счётчик*/
   content: "Секция " counter(section) ": ";   /* Отображает текущее
-                                                 значение счетчика */
+                                                 значение счётчика */
 }
 
@@ -37,20 +37,20 @@ h3::before { <h3>Основная часть</h3> <h3>Заключение</h3> -

{{EmbedLiveSample("Использование_счетчиков", 200, 150)}}

+

{{EmbedLiveSample("Использование_счётчиков", 200, 150)}}

-

Вложенные счетчики

+

Вложенные счётчики

-

CSS счетчики могут быть очень полезны для создания нумерованных списков, потому что новая сущность CSS счетчика автоматически создается в дочерних элементах. Используя функцию counters(), можно вставить строку между разными уровнями вложенных счетчиков. Пример:

+

CSS счётчики могут быть очень полезны для создания нумерованных списков, потому что новая сущность CSS счётчика автоматически создаётся в дочерних элементах. Используя функцию counters(), можно вставить строку между разными уровнями вложенных счётчиков. Пример:

ol {
-  counter-reset: section;           /*Создает новый счетчик для каждого
+  counter-reset: section;           /*Создаёт новый счётчик для каждого
                                       тега <ol>*/
   list-style-type: none;
 }
 
 li::before {
-  counter-increment: section;      /*Инкрементируется только счетчик
+  counter-increment: section;      /*Инкрементируется только счётчик
                                      текущего уровня вложенности*/
   content: counters(section,".") " ";/*Добавляем значения всех уровней
                                     вложенности, используя разделитель '.'*/
@@ -92,7 +92,7 @@ li::before {
 
 

Результат:

-

{{EmbedLiveSample("Вложенные_счетчики", 250, 350)}}

+

{{EmbedLiveSample("Вложенные_счётчики", 250, 350)}}

Спецификации

-- cgit v1.2.3-54-g00ecf