diff options
Diffstat (limited to 'files/ru/web/css/_colon_checked/index.html')
| -rw-r--r-- | files/ru/web/css/_colon_checked/index.html | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/files/ru/web/css/_colon_checked/index.html b/files/ru/web/css/_colon_checked/index.html index 4e51bc1f3f..da7ece574b 100644 --- a/files/ru/web/css/_colon_checked/index.html +++ b/files/ru/web/css/_colon_checked/index.html @@ -12,7 +12,7 @@ translation_of: 'Web/CSS/:checked' <p>CSS <a href="https://developer.mozilla.org/ru/docs/Web/CSS/Псевдо-классы" title="Псевдоклассы">псевдоклассы</a> <strong><code>:checked</code></strong> CSS находит любые элементы <strong>radio </strong>(<code><input type="radio"></code>), <strong>checkbox </strong>(<code><input type="checkbox"></code>) или <strong>option</strong> ({{ HTMLElement("option") }} внутри {{ HTMLElement("select") }}), которые выбраны или включены. Пользователь может изменить это состояние, нажав на элемент, или выбрав другое значение, в этом случае <code>:checked</code> повторно не применится к элементу, а сохранится.</p> -<h2 id="Syntax" name="Syntax">Синтаксис</h2> +<h2 id="Syntax">Синтаксис</h2> <pre class="brush: css">input:checked { margin-left: 25px; @@ -20,13 +20,13 @@ translation_of: 'Web/CSS/:checked' } </pre> -<h3 id="Examples" name="Examples">Формальный синтаксис</h3> +<h3 id="Examples">Формальный синтаксис</h3> <pre class="syntaxbox">element:checked { стили }</pre> -<h2 id="Examples" name="Examples">Примеры</h2> +<h2 id="Examples">Примеры</h2> -<h3 id="Example_selectors" name="Example_selectors">Примеры селекторов</h3> +<h3 id="Example_selectors">Примеры селекторов</h3> <pre class="brush: css">/* любой "кликабельный" элемент */ :checked { @@ -134,13 +134,13 @@ option:checked { <p>{{ EmbedLiveSample('Использование_скрытых_чекбоксов_чтобы_хранить_некоторые_булевские_значения_в_CSS', '', '', '', 'Web/CSS/:checked') }}</p> -<h3 id="Using_hidden_radioboxes_in_order_to_store_some_CSS_boolean_values" name="Using_hidden_radioboxes_in_order_to_store_some_CSS_boolean_values">Использование скрытых радиокнопок, чтобы хранить некоторые булевские значения в CSS</h3> +<h3 id="Using_hidden_radioboxes_in_order_to_store_some_CSS_boolean_values">Использование скрытых радиокнопок, чтобы хранить некоторые булевские значения в CSS</h3> <p>Также вы можете псевдокласс <code>:checked</code>, чтобы скрывать радиокнопки для того, чтобы создать, например, <strong>галерею изображений с полноразмерными картинками, показываемыми при наведении на них мыши</strong>. Загрузите <a class="internal" href="/@api/deki/files/6268/=css-checked-gallery.zip" title="css-checked-gallery.zip">это демо</a> как вариант решения.</p> <div class="note"><strong>Замечание:</strong> Для аналогично эффекта, но основанного на псевдоклассе <a class="internal" href="/ru/docs/CSS/:hover" title="CSS/:hover"><code>:hover</code></a> и без скрытых радиокнопок, смотрите <a class="internal" href="/@api/deki/files/6247/=css-gallery.zip" title="css-gallery.zip">это демо</a>, взятое со страницы <a class="internal" href="/ru/docs/CSS/:hover" title="CSS/:hover">:hover</a>.</div> -<h2 id="Specifications" name="Specifications">Спецификации</h2> +<h2 id="Specifications">Спецификации</h2> <table class="standard-table"> <thead> @@ -179,6 +179,6 @@ option:checked { </tbody> </table> -<h2 id="Browser_compatibility" name="Browser_compatibility">Поддержка браузерами</h2> +<h2 id="Browser_compatibility">Поддержка браузерами</h2> <p>{{Compat("css.selectors.checked")}}</p> |