Web/CSS/inherit: конвертация в MD (#4082)

2 files changed, 59 insertions, 85 deletions

diff --git a/files/ru/web/css/inherit/index.html b/files/ru/web/css/inherit/index.html
deleted file mode 100644
index fa9f0a6fa2..0000000000
--- a/files/ru/web/css/inherit/index.html
+++ /dev/null
@@ -1,85 +0,0 @@
----
-title: inherit
-slug: Web/CSS/inherit
-tags:
-  - CSS
-  - CSS Cascade
-  - CSS Value
-  - Cascade
-  - Inheritance
-  - Layout
-  - Reference
-  - Style
-  - inherit
-  - Справка
-translation_of: Web/CSS/inherit
----
-<div>{{CSSRef}}</div>
-
-<p><span class="seoSummary">Ключевое слово <strong> <code>inherit</code></strong> (CSS) вынуждает элемент использовать <a href="/ru/docs/Web/CSS/computed_value">вычисленное значение</a> аналогичного свойства родительского элемента.</span> Это может быть применено к любому свойству CSS, включая CSS-свойство {{cssxref("all")}}.</p>
-
-<p>Для <a href="/ru/docs/Web/CSS/inheritance" title="ru/docs/Web/CSS/inheritance">наследуемых свойств</a>, это усиливает поведение по умолчанию и требуется только для переопределения другого правила. Для <a href="/ru/docs/Web/CSS/inheritance" title="/ru/docs/Web/CSS/inheritance">ненаследуемых свойств</a>, это указывает на поведение, которое обычно имеет относительно мало смысла, и вы можете рассмотреть возможность использовать вместо него {{cssxref("initial")}} или {{cssxref("unset")}} со свойством {{cssxref("all")}}.</p>
-
-<p><span id="result_box" lang="ru"><span>Наследование происходит всегда от родительского элемента в дереве документов, даже если родительский элемент не является содержащим блоком.</span></span></p>
-
-<h2 id="Пример">Пример</h2>
-
-<pre class="brush: css">/* Делает заголовки второго уровня зелёными */
-h2 { color: green; }
-
-/* ...но не делает зелёными элементы боковой панели, которые используют цвет своего родителя */
-#sidebar h2 { color: inherit; }
-</pre>
-
-<p>В этом примере элементы <code> h2 внутри боковой панели могут быть разных цветов. Например, если один из них был дочерним элементом div, соответствующим правилу ...</code></p>
-
-<pre class="brush: css"><code>
-div#current { color: blue; }
-</code></pre>
-
-<p><code>... </code><span class="short_text" id="result_box" lang="ru"><span>он был бы синим</span></span><code>.</code></p>
-
-<h2 id="Спецификации"><code>Спецификации</code></h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th><code>Спецификация</code></th>
-   <th><code>Статус</code></th>
-   <th><code>Комментарии</code></th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td><code>{{ SpecName('CSS4 Cascade', '#inherit', 'inherit') }}</code></td>
-   <td><code>{{Spec2('CSS4 Cascade')}}</code></td>
-   <td><code>Нет изменений с уровня 3.</code></td>
-  </tr>
-  <tr>
-   <td><code>{{ SpecName('CSS3 Values', "#common-keywords", "inherit") }}</code></td>
-   <td><code>{{ Spec2('CSS3 Values') }}</code></td>
-   <td><code>Никаких существенных изменений с {{ SpecName('CSS2.1') }}.</code></td>
-  </tr>
-  <tr>
-   <td><code>{{ SpecName('CSS2.1', "cascade.html#value-def-inherit", "inherit") }}</code></td>
-   <td><code>{{ Spec2('CSS2.1') }}</code></td>
-   <td><code>Начальное определение.</code></td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2>
-
-<div>
-<p>{{Compat}}</p>
-</div>
-
-<h2 id="Смотрите_также"><code>Смотрите также</code></h2>
-
-<ul>
- <li><code><a class="internal" href="/ru/docs/Web/CSS/inheritance" title="/ru/docs/Web/CSS/inheritance">Наследование</a></code></li>
- <li><code>Используйте {{cssxref("initial")}}, чтобы установить свойство в его начальное значение.</code></li>
- <li><code>Используйте {{cssxref("unset")}}, чтобы установить свойство в его унаследованное значение, если оно наследует, или его начальное значение, если нет.</code></li>
- <li><code>Используйте {{cssxref("revert")}} для сброса свойства до значения, установленного таблицей стилей пользователя-агента (или стилями пользователя, если они существуют).</code></li>
- <li><code>Свойство {{cssxref("all")}} позволяет сбросить все свойства сразу до начального (initial), унаследованного (inherited), возвращённого (reverted) или неустановленного (unset) состояния.</code></li>
-</ul>
diff --git a/files/ru/web/css/inherit/index.md b/files/ru/web/css/inherit/index.md
new file mode 100644
index 0000000000..839eb51e95
--- /dev/null
+++ b/files/ru/web/css/inherit/index.md
@@ -0,0 +1,59 @@
+---
+title: inherit
+slug: Web/CSS/inherit
+tags:
+  - CSS
+  - CSS Cascade
+  - CSS Value
+  - Cascade
+  - Inheritance
+  - Keyword
+  - Layout
+  - Reference
+  - Style
+  - inherit
+browser-compat: css.types.global_keywords.inherit
+---
+{{CSSRef}}
+
+Ключевое слово CSS **`inherit`** заставляет в элементе использовать [вычисленное значение](/en-US/docs/Web/CSS/computed_value) свойства из родительского элемента. Это значение можно применить к любому CSS-свойству, включая также {{cssxref("all")}}.
+
+Применяя в [наследуемых свойств](/en-US/docs/Web/CSS/inheritance#Inherited_properties), это ключевое слово подчеркивает использование значения по умолчанию, поэтому требуется только для переопределения другого правила.
+
+Наследование всегда начинается от родительского элемента в дереве документа, даже если родительский элемент не является содержащим блоком.
+
+## Примеры
+
+### Наследование значения родительского элемента
+
+```css
+/* Делает все заголовки второго уровня зелёными... */
+h2 { color: green; }
+
+/* ...кроме тех, что находятся в сайдбаре, которые унаследуют цвет родительского элемента */
+#sidebar h2 { color: inherit; }
+```
+
+В этом примере элементы `h2` внутри сайдбара могут быть разных цветов. Например, если бы один из них находится в div со следующим правилом...
+
+```css
+div#current { color: blue; }
+```
+
+...тогда этот заголовок был бы синего цвета.
+
+## Спецификации
+
+{{Specifications}}
+
+## Поддержка браузерами
+
+{{Compat}}
+
+## Смотрите также
+
+- [Наследование](/ru/docs/Web/CSS/inheritance)
+- Используйте {{cssxref("initial")}}, чтобы установить свойство в его начальное значение.
+- Используйте {{cssxref("unset")}} чтобы установить свойство в его унаследованное значение, если оно является наследуемым, или в его начальное значение в противном случае.
+- Используйте {{cssxref("revert")}}, чтобы установить свойству значение, установленного изначально таблицей стилей браузера (или стилями пользователя, если они есть).
+- Свойство {{cssxref("all")}} позволяет установить все свойства сразу до начального (initial), унаследованного (inherited), возвращённого (reverted) или неустановленного (unset) состояния.