Migrate CompatibilityTable to Compat macro (lang-ru) (#876)

* Migrate to Compat macro

* Migrate to Compat macro (multiple in page)

* Migrate to Compat macro

* Migrate to Compat macro (removed)

1 files changed, 1 insertions, 103 deletions

diff --git a/files/ru/web/css/background-size/index.html b/files/ru/web/css/background-size/index.html
index 71c948b9e4..84a762c0fa 100644
--- a/files/ru/web/css/background-size/index.html
+++ b/files/ru/web/css/background-size/index.html
@@ -136,109 +136,7 @@ background-size: unset;
 
 <h2 id="Browser_compatibility" name="Browser_compatibility">Совместимость с браузерами</h2>
 
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Особенность</th>
-   <th>Chrome</th>
-   <th>Firefox (Gecko)</th>
-   <th>Internet Explorer</th>
-   <th>Opera</th>
-   <th colspan="3">Safari (WebKit)</th>
-  </tr>
-  <tr>
-   <td rowspan="2">Базовая поддержка</td>
-   <td>1.0{{property_prefix("-webkit")}} [2]</td>
-   <td>{{CompatGeckoDesktop("1.9.2")}}{{property_prefix("-moz")}} [4]</td>
-   <td rowspan="2">9.0 [5]</td>
-   <td>9.5{{property_prefix("-o")}}<br>
-    with some bugs [1]</td>
-   <td>3.0 (522){{property_prefix("-webkit")}}<br>
-    but from an older CSS3 draft [2]</td>
-  </tr>
-  <tr>
-   <td>3.0</td>
-   <td>{{CompatGeckoDesktop("2.0")}}</td>
-   <td>10.0</td>
-   <td>4.1 (532)</td>
-  </tr>
-  <tr>
-   <td>Поддержка значений<br>
-    <code>contain</code> и <code>cover</code></td>
-   <td>3.0</td>
-   <td>{{CompatGeckoDesktop("1.9.2")}}</td>
-   <td>9.0 [5]</td>
-   <td>10.0</td>
-   <td colspan="3">4.1 (532)</td>
-  </tr>
-  <tr>
-   <td>Поддержка SVG фонов</td>
-   <td>44.0</td>
-   <td>{{CompatGeckoDesktop("8.0")}}</td>
-   <td>9.0</td>
-   <td>31.0</td>
-   <td colspan="3">{{CompatUnknown}}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Особенность</th>
-   <th>Android</th>
-   <th>Firefox Mobile (Gecko)</th>
-   <th>Windows Phone</th>
-   <th>Opera Mobile</th>
-   <th>Safari Mobile</th>
-  </tr>
-  <tr>
-   <td>Базовая поддержка</td>
-   <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}<br>
-    2.3</td>
-   <td>1.0{{property_prefix("-moz")}}<br>
-    4.0</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>5.1 (maybe earlier)</td>
-  </tr>
-  <tr>
-   <td>Поддержка SVG фонов</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatGeckoMobile("8.0")}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<ul>
- <li>[1] В Opera 9.5 вычисление области расположения фона некорректно для фиксированных фонов. Opera 9.5 также интерпретирует форму с двумя значениями как горизонтальный масштабный коэффициент и, по-видимому, вертикальное измерение <em>отсечения</em>. Это было исправлено в Opera 10.</li>
- <li>[2] Браузеры на основе WebKit изначально реализовали более старый черновик  CSS3 <code>background-size</code>, в котором пропущенное второе значение рассматривается как <em>дублирующее</em> первое значение; этот черновик не включает в себя ключевые слова <code>contain</code> или <code>cover</code>.</li>
- <li>[3] Konqueror 3.5.4 поддерживает <code>-khtml-background-size</code>.</li>
- <li>[4] Хотя это свойство является новым в Gecko 1.9.2 (Firefox 3.6), в Firefox 3.5 можно полностью растянуть изображение поверх фона, используя {{cssxref("-moz-border-image")}}.
-  <pre class="brush:css">.foo {
-  background-image: url(bg-image.png);
-
-  -webkit-background-size: 100% 100%;           /* Safari 3.0 */
-     -moz-background-size: 100% 100%;           /* Gecko 1.9.2 (Firefox 3.6) */
-       -o-background-size: 100% 100%;           /* Opera 9.5 */
-          background-size: 100% 100%;           /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
-
-  -moz-border-image: url(bg-image.png) 0;    /* Gecko 1.9.1 (Firefox 3.5) */
-}</pre>
- </li>
- <li>[5] Хотя Internet Explorer 8 не поддерживает значение <code>background-size</code>, с помощью нестандартного атрибута <code>-ms-filter</code>  возможно воспроизвести некоторые его возможности:
-  <pre class="brush:css">-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='path_relative_to_the_HTML_file', sizingMethod='scale')";</pre>
-  Это имитирует значение <code>cover</code>.</li>
-</ul>
+<p>{{Compat("css.properties.background-size")}}</p>
 
 <h2 id="Смотрите_также">Смотрите также</h2>