diff options
author | Alexey Istomin <webistomin@gmail.com> | 2021-03-20 18:37:44 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-03-20 18:37:44 +0300 |
commit | 841aae260382e2bf5ebb44d765d8c7301d27caab (patch) | |
tree | 81a92c25f6dc02e5f119131785d721db79fc3455 /files/ru/web/css/css_lists_and_counters | |
parent | 730fea852ff827ca034fe17c84288c95d270ec92 (diff) | |
download | translated-content-841aae260382e2bf5ebb44d765d8c7301d27caab.tar.gz translated-content-841aae260382e2bf5ebb44d765d8c7301d27caab.tar.bz2 translated-content-841aae260382e2bf5ebb44d765d8c7301d27caab.zip |
Restore "ё" letter in Russian translation (#239)
* docs(ru): restore ё letter
* docs(ru): resolve conflicts
* refactor(idea): remove ide folder
Diffstat (limited to 'files/ru/web/css/css_lists_and_counters')
-rw-r--r-- | files/ru/web/css/css_lists_and_counters/using_css_counters/index.html | 34 |
1 files changed, 17 insertions, 17 deletions
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 --- <div>{{CSSRef}}</div> -<p>CSS счетчики, в своей сущности, переменные CSS, значения которых могут быть инкрементированы при помощи CSS для отслеживания количества их использования. Они позволяют регулировать внешний вид контента, основываясь на его местоположении в документе. CSS счетчики реализованы в CSS 2.1 (<a href="https://www.w3.org/TR/CSS21/generate.html#counters">ссылка на спецификацию</a>).</p> +<p>CSS счётчики, в своей сущности, переменные CSS, значения которых могут быть инкрементированы при помощи CSS для отслеживания количества их использования. Они позволяют регулировать внешний вид контента, основываясь на его местоположении в документе. CSS счётчики реализованы в CSS 2.1 (<a href="https://www.w3.org/TR/CSS21/generate.html#counters">ссылка на спецификацию</a>).</p> -<p>Значение счетчика сбрасывается (инициализируется) при помощи {{cssxref("counter-reset")}}. </p> +<p>Значение счётчика сбрасывается (инициализируется) при помощи {{cssxref("counter-reset")}}. </p> -<p>{{cssxref("counter-increment")}} может быть отображен на странице, используя функцию <code>counter() или counters() в свойстве </code>{{cssxref("content")}}.</p> +<p>{{cssxref("counter-increment")}} может быть отображён на странице, используя функцию <code>counter() или counters() в свойстве </code>{{cssxref("content")}}.</p> -<h2 id="Использование_счетчиков">Использование счетчиков</h2> +<h2 id="Использование_счётчиков">Использование счётчиков</h2> -<p>Для того, чтобы использовать CSS счетчики, сначала необходимо сбросить их значение (0 по умолчанию). Для того, чтобы отобразить значение счетчика - используйте функцию <code>counter(). Следующий пример прибавляет в начале каждого h3 элемента </code>"Section <<em>значение счетчика</em>>:".</p> +<p>Для того, чтобы использовать CSS счётчики, сначала необходимо сбросить их значение (0 по умолчанию). Для того, чтобы отобразить значение счётчика - используйте функцию <code>counter(). Следующий пример прибавляет в начале каждого h3 элемента </code>"Section <<em>значение счётчика</em>>:".</p> <pre class="brush: css">body { counter-reset: section; /* Устанавливает значение - счетчика, равным 0 */ + счётчика, равным 0 */ } h3::before { - counter-increment: section; /* Инкрементирует счетчик*/ + counter-increment: section; /* Инкрементирует счётчик*/ content: "Секция " counter(section) ": "; /* Отображает текущее - значение счетчика */ + значение счётчика */ } </pre> @@ -37,20 +37,20 @@ h3::before { <h3>Основная часть</h3> <h3>Заключение</h3></pre> -<p>{{EmbedLiveSample("Использование_счетчиков", 200, 150)}}</p> +<p>{{EmbedLiveSample("Использование_счётчиков", 200, 150)}}</p> -<h2 id="Вложенные_счетчики">Вложенные счетчики</h2> +<h2 id="Вложенные_счётчики">Вложенные счётчики</h2> -<p>CSS счетчики могут быть очень полезны для создания нумерованных списков, потому что новая сущность CSS счетчика автоматически создается в дочерних элементах. Используя функцию <code>counters(), можно вставить строку между разными уровнями вложенных счетчиков. Пример:</code></p> +<p>CSS счётчики могут быть очень полезны для создания нумерованных списков, потому что новая сущность CSS счётчика автоматически создаётся в дочерних элементах. Используя функцию <code>counters(), можно вставить строку между разными уровнями вложенных счётчиков. Пример:</code></p> <pre class="brush: css">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 { <p>Результат:</p> -<p>{{EmbedLiveSample("Вложенные_счетчики", 250, 350)}}</p> +<p>{{EmbedLiveSample("Вложенные_счётчики", 250, 350)}}</p> <h2 id="Спецификации">Спецификации</h2> |