Migrate CompatibilityTable to Compat macro (es) (#4355)

* Migrate CompatibilityTable to Compat macro (es)

* Migrate to multiple Compat macro (es)

1 files changed, 1 insertions, 210 deletions

diff --git a/files/es/web/css/width/index.html b/files/es/web/css/width/index.html
index 5e09c751d9..90369d8e73 100644
--- a/files/es/web/css/width/index.html
+++ b/files/es/web/css/width/index.html
@@ -186,216 +186,7 @@ width: unset;
 
 <h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2>
 
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Característica</th>
-   <th>Chrome</th>
-   <th>Firefox (Gecko)</th>
-   <th>Internet Explorer</th>
-   <th>Opera</th>
-   <th>Safari (WebKit)</th>
-  </tr>
-  <tr>
-   <td>Soporte básico</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatGeckoDesktop("1.0")}}</td>
-   <td>4</td>
-   <td>3.5</td>
-   <td>1.0 (85)</td>
-  </tr>
-  <tr>
-   <td>Capacidad de ser animada{{experimental_inline}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatGeckoDesktop("16.0")}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
-  <tr>
-   <td><code>max-content</code>{{experimental_inline}}</td>
-   <td>{{CompatChrome(22.0)}} {{property_prefix("-webkit")}}<br>
-    {{CompatChrome(46.0)}} [1]</td>
-   <td>{{CompatGeckoDesktop("1.9")}}{{property_prefix("-moz")}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>15 {{property_prefix("-webkit")}}</td>
-   <td>2.0 (421) (<code>intrinsic</code> value)<br>
-    6.1 {{property_prefix("-webkit")}}</td>
-  </tr>
-  <tr>
-   <td><code>min-content</code>{{experimental_inline}}</td>
-   <td>
-    <p>{{CompatChrome(22.0)}} [4] {{property_prefix("-webkit")}}<br>
-     {{CompatChrome(46.0)}} [1]</p>
-   </td>
-   <td>{{CompatGeckoDesktop("1.9")}} {{property_prefix("-moz")}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>15 {{property_prefix("-webkit")}}</td>
-   <td>2.0 (421) (<code>min-intrinsic</code> value)<br>
-    6.1 {{property_prefix("-webkit")}}</td>
-  </tr>
-  <tr>
-   <td><code>available</code>{{experimental_inline}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatGeckoDesktop("1.9")}} {{property_prefix("-moz")}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}<sup>[1]</sup></td>
-  </tr>
-  <tr>
-   <td><code>fill-available</code>{{experimental_inline}}</td>
-   <td>{{CompatChrome(22.0)}} {{property_prefix("-webkit")}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>6.1 {{property_prefix("-webkit")}}</td>
-  </tr>
-  <tr>
-   <td><code>fit-content</code>{{experimental_inline}}</td>
-   <td>{{CompatChrome(22.0)}} [4] {{property_prefix("-webkit")}}<br>
-    {{CompatChrome(46.0)}} [1]</td>
-   <td>{{CompatGeckoDesktop("1.9")}} {{property_prefix("-moz")}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>15 {{property_prefix("-webkit")}}</td>
-   <td>6.1 {{property_prefix("-webkit")}}<sup>[2]</sup></td>
-  </tr>
-  <tr>
-   <td><code>border-box</code> y <code>content-box</code>{{experimental_inline}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-  </tr>
-  <tr>
-   <td><code>fill</code></td>
-   <td>{{CompatChrome(46.0)}}</td>
-   <td> </td>
-   <td> </td>
-   <td> </td>
-   <td> </td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Característica</th>
-   <th>Android</th>
-   <th>Android Webview</th>
-   <th>Firefox Mobile (Gecko)</th>
-   <th>IE Phone</th>
-   <th>Opera Mobile</th>
-   <th>Safari Mobile</th>
-   <th>Chrome for Android</th>
-  </tr>
-  <tr>
-   <td>Soporte básico</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-  </tr>
-  <tr>
-   <td>Capacidad de ser animada{{experimental_inline}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatGeckoDesktop("16.0")}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
-  <tr>
-   <td><code>max-content</code>{{experimental_inline}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatChrome(46.0)}} [1]</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatChrome(46.0)}} [1]</td>
-  </tr>
-  <tr>
-   <td><code>min-content</code>{{experimental_inline}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatChrome(46.0)}} [1]</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatChrome(46.0)}} [1]</td>
-  </tr>
-  <tr>
-   <td><code>available</code>{{experimental_inline}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
-  <tr>
-   <td><code>fill-available</code>{{experimental_inline}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatChrome(46.0)}} [1]</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatChrome(46.0)}} [1]</td>
-  </tr>
-  <tr>
-   <td><code>fit-content</code>{{experimental_inline}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatChrome(46.0)}} [1]</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatChrome(46.0)}} [1]</td>
-  </tr>
-  <tr>
-   <td><code>border-box</code> y <code>content-box</code>{{experimental_inline}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
-  <tr>
-   <td><code>fill</code></td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatChrome(46.0)}}</td>
-   <td> </td>
-   <td> </td>
-   <td> </td>
-   <td> </td>
-   <td>{{CompatChrome(46.0)}}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] WebKit implementa una variante a este valor con el nombre <code>fill-available</code> a partir de 2013.</p>
-
-<p>[2] Las versiones anteriores de WebKit implementaban una versión anterior de este valor con nombre <code>intrinsic</code>, pero implementan además <code>fit-content</code> desde la versión 6.1.</p>
-
-<p>[3] Sin prefijo.</p>
-
-<p>[4] Soporte a las antiguas palabras clave <code>intrinsic</code> y <code>min-intrinsic</code> de Webkit, pero removido en <a href="https://www.chromestatus.com/feature/5758434351775744">Chrome 48</a>.</p>
+{{Compat("css.properties.width")}}
 
 <h2 id="Véase_también">Véase también</h2>