aboutsummaryrefslogtreecommitdiff
path: root/files/es/web/css
diff options
context:
space:
mode:
Diffstat (limited to 'files/es/web/css')
-rw-r--r--files/es/web/css/-moz-orient/index.html89
-rw-r--r--files/es/web/css/-moz-outline-radius/index.html54
-rw-r--r--files/es/web/css/-moz-user-focus/index.html50
-rw-r--r--files/es/web/css/-webkit-border-before/index.html48
-rw-r--r--files/es/web/css/-webkit-box-reflect/index.html48
-rw-r--r--files/es/web/css/-webkit-mask-attachment/index.html50
-rw-r--r--files/es/web/css/-webkit-mask-box-image/index.html48
-rw-r--r--files/es/web/css/-webkit-mask-composite/index.html48
-rw-r--r--files/es/web/css/-webkit-mask-position-x/index.html48
-rw-r--r--files/es/web/css/-webkit-mask-position-y/index.html48
-rw-r--r--files/es/web/css/-webkit-mask-repeat-x/index.html50
-rw-r--r--files/es/web/css/-webkit-mask-repeat-y/index.html50
-rw-r--r--files/es/web/css/-webkit-text-fill-color/index.html48
-rw-r--r--files/es/web/css/-webkit-text-stroke-color/index.html48
-rw-r--r--files/es/web/css/-webkit-text-stroke-width/index.html48
-rw-r--r--files/es/web/css/-webkit-text-stroke/index.html48
-rw-r--r--files/es/web/css/-webkit-touch-callout/index.html50
-rw-r--r--files/es/web/css/@charset/index.html52
-rw-r--r--files/es/web/css/@counter-style/additive-symbols/index.html48
-rw-r--r--files/es/web/css/@counter-style/index.html48
-rw-r--r--files/es/web/css/@counter-style/symbols/index.html48
-rw-r--r--files/es/web/css/@font-face/font-family/index.html25
-rw-r--r--files/es/web/css/@font-face/font-style/index.html51
-rw-r--r--files/es/web/css/@font-face/src/index.html164
-rw-r--r--files/es/web/css/@font-feature-values/index.html50
-rw-r--r--files/es/web/css/@import/index.html48
-rw-r--r--files/es/web/css/@keyframes/index.html52
-rw-r--r--files/es/web/css/@media/color/index.html50
-rw-r--r--files/es/web/css/@media/index.html96
-rw-r--r--files/es/web/css/@media/resolution/index.html58
-rw-r--r--files/es/web/css/@media/width/index.html52
-rw-r--r--files/es/web/css/@page/index.html48
-rw-r--r--files/es/web/css/_colon_-moz-focusring/index.html50
-rw-r--r--files/es/web/css/_colon_-moz-submit-invalid/index.html48
-rw-r--r--files/es/web/css/_colon_-moz-window-inactive/index.html52
-rw-r--r--files/es/web/css/_colon_autofill/index.html48
-rw-r--r--files/es/web/css/_colon_has/index.html50
-rw-r--r--files/es/web/css/_colon_is/index.html52
-rw-r--r--files/es/web/css/_colon_user-invalid/index.html50
-rw-r--r--files/es/web/css/_doublecolon_-moz-page-sequence/index.html48
-rw-r--r--files/es/web/css/_doublecolon_-moz-range-progress/index.html48
-rw-r--r--files/es/web/css/_doublecolon_-moz-range-thumb/index.html48
-rw-r--r--files/es/web/css/_doublecolon_-moz-range-track/index.html48
-rw-r--r--files/es/web/css/_doublecolon_-moz-scrolled-page-sequence/index.html50
-rw-r--r--files/es/web/css/_doublecolon_-webkit-inner-spin-button/index.html52
-rw-r--r--files/es/web/css/_doublecolon_-webkit-meter-bar/index.html48
-rw-r--r--files/es/web/css/_doublecolon_-webkit-meter-even-less-good-value/index.html48
-rw-r--r--files/es/web/css/_doublecolon_-webkit-meter-inner-element/index.html48
-rw-r--r--files/es/web/css/_doublecolon_-webkit-meter-optimum-value/index.html48
-rw-r--r--files/es/web/css/_doublecolon_-webkit-meter-suboptimum-value/index.html48
-rw-r--r--files/es/web/css/_doublecolon_-webkit-outer-spin-button/index.html52
-rw-r--r--files/es/web/css/_doublecolon_-webkit-progress-bar/index.html48
-rw-r--r--files/es/web/css/_doublecolon_-webkit-progress-inner-element/index.html48
-rw-r--r--files/es/web/css/_doublecolon_-webkit-progress-value/index.html48
-rw-r--r--files/es/web/css/_doublecolon_backdrop/index.html84
-rw-r--r--files/es/web/css/_doublecolon_file-selector-button/index.html48
-rw-r--r--files/es/web/css/_doublecolon_selection/index.html52
-rw-r--r--files/es/web/css/adjacent_sibling_combinator/index.html50
-rw-r--r--files/es/web/css/align-content/index.html52
-rw-r--r--files/es/web/css/align-items/index.html60
-rw-r--r--files/es/web/css/align-self/index.html55
-rw-r--r--files/es/web/css/all/index.html64
-rw-r--r--files/es/web/css/angle/index.html64
-rw-r--r--files/es/web/css/animation-delay/index.html49
-rw-r--r--files/es/web/css/animation-direction/index.html87
-rw-r--r--files/es/web/css/animation-duration/index.html51
-rw-r--r--files/es/web/css/animation-fill-mode/index.html51
-rw-r--r--files/es/web/css/animation-iteration-count/index.html51
-rw-r--r--files/es/web/css/animation-name/index.html51
-rw-r--r--files/es/web/css/animation-play-state/index.html55
-rw-r--r--files/es/web/css/animation-timing-function/index.html54
-rw-r--r--files/es/web/css/animation/index.html51
-rw-r--r--files/es/web/css/appearance/index.html52
-rw-r--r--files/es/web/css/attr()/index.html66
-rw-r--r--files/es/web/css/backface-visibility/index.html61
-rw-r--r--files/es/web/css/background-blend-mode/index.html48
-rw-r--r--files/es/web/css/background-clip/index.html72
-rw-r--r--files/es/web/css/background-size/index.html105
-rw-r--r--files/es/web/css/basic-shape/index.html84
-rw-r--r--files/es/web/css/blend-mode/index.html50
-rw-r--r--files/es/web/css/block-size/index.html50
-rw-r--r--files/es/web/css/border-block-end-color/index.html50
-rw-r--r--files/es/web/css/border-block-end-style/index.html50
-rw-r--r--files/es/web/css/border-block-end/index.html50
-rw-r--r--files/es/web/css/border-bottom-left-radius/index.html92
-rw-r--r--files/es/web/css/border-bottom-right-radius/index.html92
-rw-r--r--files/es/web/css/border-image-outset/index.html52
-rw-r--r--files/es/web/css/border-image-slice/index.html56
-rw-r--r--files/es/web/css/border-image/index.html103
-rw-r--r--files/es/web/css/border-left/index.html48
-rw-r--r--files/es/web/css/border-top-left-radius/index.html92
-rw-r--r--files/es/web/css/border-top-right-radius/index.html92
-rw-r--r--files/es/web/css/border-top/index.html48
-rw-r--r--files/es/web/css/box-flex/index.html50
-rw-r--r--files/es/web/css/box-pack/index.html50
-rw-r--r--files/es/web/css/calc()/index.html68
-rw-r--r--files/es/web/css/caret-color/index.html64
-rw-r--r--files/es/web/css/child_combinator/index.html52
-rw-r--r--files/es/web/css/class_selectors/index.html54
-rw-r--r--files/es/web/css/clip/index.html52
-rw-r--r--files/es/web/css/color_value/index.html132
-rw-r--r--files/es/web/css/css_animations/index.html57
-rw-r--r--files/es/web/css/css_backgrounds_and_borders/index.html48
-rw-r--r--files/es/web/css/css_box_model/index.html48
-rw-r--r--files/es/web/css/css_color/index.html54
-rw-r--r--files/es/web/css/css_columns/index.html50
-rw-r--r--files/es/web/css/css_conditional_rules/index.html60
-rw-r--r--files/es/web/css/css_fonts/index.html49
-rw-r--r--files/es/web/css/css_positioning/index.html48
-rw-r--r--files/es/web/css/css_selectors/index.html48
-rw-r--r--files/es/web/css/css_text/index.html48
-rw-r--r--files/es/web/css/css_transforms/index.html93
-rw-r--r--files/es/web/css/css_transitions/using_css_transitions/index.html85
-rw-r--r--files/es/web/css/descendant_combinator/index.html47
-rw-r--r--files/es/web/css/display/index.html235
-rw-r--r--files/es/web/css/filter/index.html74
-rw-r--r--files/es/web/css/flex-basis/index.html77
-rw-r--r--files/es/web/css/flex-flow/index.html49
-rw-r--r--files/es/web/css/flex-grow/index.html70
-rw-r--r--files/es/web/css/flex-wrap/index.html48
-rw-r--r--files/es/web/css/flex/index.html61
-rw-r--r--files/es/web/css/font-style/index.html50
-rw-r--r--files/es/web/css/font-variant-alternates/index.html50
-rw-r--r--files/es/web/css/font-weight/index.html48
-rw-r--r--files/es/web/css/frequency/index.html50
-rw-r--r--files/es/web/css/gap/index.html82
-rw-r--r--files/es/web/css/general_sibling_combinator/index.html50
-rw-r--r--files/es/web/css/grid-template-areas/index.html60
-rw-r--r--files/es/web/css/grid/index.html60
-rw-r--r--files/es/web/css/height/index.html70
-rw-r--r--files/es/web/css/image/index.html82
-rw-r--r--files/es/web/css/isolation/index.html52
-rw-r--r--files/es/web/css/justify-content/index.html51
-rw-r--r--files/es/web/css/length/index.html192
-rw-r--r--files/es/web/css/margin-bottom/index.html56
-rw-r--r--files/es/web/css/margin/index.html56
-rw-r--r--files/es/web/css/mask-clip/index.html48
-rw-r--r--files/es/web/css/mask-image/index.html93
-rw-r--r--files/es/web/css/mask-origin/index.html48
-rw-r--r--files/es/web/css/mask-position/index.html48
-rw-r--r--files/es/web/css/mask-repeat/index.html48
-rw-r--r--files/es/web/css/mask/index.html48
-rw-r--r--files/es/web/css/media_queries/using_media_queries/index.html191
-rw-r--r--files/es/web/css/object-position/index.html51
-rw-r--r--files/es/web/css/opacity/index.html78
-rw-r--r--files/es/web/css/order/index.html66
-rw-r--r--files/es/web/css/outline-color/index.html62
-rw-r--r--files/es/web/css/outline-offset/index.html48
-rw-r--r--files/es/web/css/outline-style/index.html66
-rw-r--r--files/es/web/css/outline-width/index.html50
-rw-r--r--files/es/web/css/padding-bottom/index.html52
-rw-r--r--files/es/web/css/padding-top/index.html52
-rw-r--r--files/es/web/css/padding/index.html48
-rw-r--r--files/es/web/css/percentage/index.html48
-rw-r--r--files/es/web/css/perspective/index.html50
-rw-r--r--files/es/web/css/print-color-adjust/index.html54
-rw-r--r--files/es/web/css/resize/index.html64
-rw-r--r--files/es/web/css/resolution/index.html68
-rw-r--r--files/es/web/css/scroll-behavior/index.html50
-rw-r--r--files/es/web/css/text-decoration-color/index.html50
-rw-r--r--files/es/web/css/text-decoration-style/index.html69
-rw-r--r--files/es/web/css/text-decoration/index.html91
-rw-r--r--files/es/web/css/text-emphasis/index.html51
-rw-r--r--files/es/web/css/text-shadow/index.html57
-rw-r--r--files/es/web/css/text-transform/index.html178
-rw-r--r--files/es/web/css/transform-function/index.html75
-rw-r--r--files/es/web/css/transform-origin/index.html73
-rw-r--r--files/es/web/css/transition-delay/index.html52
-rw-r--r--files/es/web/css/transition/index.html54
-rw-r--r--files/es/web/css/user-modify/index.html55
-rw-r--r--files/es/web/css/var()/index.html56
-rw-r--r--files/es/web/css/vertical-align/index.html50
-rw-r--r--files/es/web/css/white-space/index.html91
-rw-r--r--files/es/web/css/width/index.html211
-rw-r--r--files/es/web/css/writing-mode/index.html94
-rw-r--r--files/es/web/css/z-index/index.html56
176 files changed, 187 insertions, 10772 deletions
diff --git a/files/es/web/css/-moz-orient/index.html b/files/es/web/css/-moz-orient/index.html
index 4949125e54..f5057923b5 100644
--- a/files/es/web/css/-moz-orient/index.html
+++ b/files/es/web/css/-moz-orient/index.html
@@ -60,94 +60,7 @@ translation_of: Web/CSS/-moz-orient
<h2 id="Compatibilidad_del_navegador">Compatibilidad del navegador</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Características</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>apoyo básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop("6.0")}}{{property_prefix("-moz")}}<sup>[1]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>auto</code> valor</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop("21.0")}}<sup>[2]</sup><br>
- {{CompatNo}}{{CompatGeckoDesktop(40)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><br>
- línea y el valor de bloqueo</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop(40)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Caracteísticas</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>apoyo básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoMobile("6.0")}}{{property_prefix("-moz")}}<sup>[1]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>auto</code> valor</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoMobile("21.0")}}<sup>[2]</sup><br>
- {{CompatNo}}{{CompatGeckoDesktop(40)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>línea y el valor de bloqueo</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoMobile(40)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p> </p>
-
-<p>[1] In Gecko 6.0 {{geckoRelease("6.0")}}, error causado por verticales{{HTMLElement("progress")}} elementos para el procesamiento con las dimensiones de una barra horizontal. Esto se soluciona en Gecko 7.0 { { geckoRelease ( " 7.0 " ) } } .</p>
-
-<p>[2] El valor auto era equivalente a la horizontal.</p>
+{{Compat("css.properties.-moz-orient")}}
<h2 id="Ver_también">Ver también</h2>
diff --git a/files/es/web/css/-moz-outline-radius/index.html b/files/es/web/css/-moz-outline-radius/index.html
index ae4b3771e2..0b0ab7661b 100644
--- a/files/es/web/css/-moz-outline-radius/index.html
+++ b/files/es/web/css/-moz-outline-radius/index.html
@@ -103,56 +103,4 @@ border: 1px solid black; <code class="language-css"><span class="property token"
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop("1.8")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</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>Firefox OS</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- <th>Chrome for Android</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoMobile("1.8")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.-moz-outline-radius")}}
diff --git a/files/es/web/css/-moz-user-focus/index.html b/files/es/web/css/-moz-user-focus/index.html
index dc938a2aa1..f25923afcd 100644
--- a/files/es/web/css/-moz-user-focus/index.html
+++ b/files/es/web/css/-moz-user-focus/index.html
@@ -62,52 +62,4 @@ translation_of: Web/CSS/-moz-user-focus
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.-moz-user-focus")}}
diff --git a/files/es/web/css/-webkit-border-before/index.html b/files/es/web/css/-webkit-border-before/index.html
index d72fd4137a..b1e1d1bad8 100644
--- a/files/es/web/css/-webkit-border-before/index.html
+++ b/files/es/web/css/-webkit-border-before/index.html
@@ -80,53 +80,7 @@ translation_of: Web/CSS/-webkit-border-before
<h2 id="Compatibilidad_con_los_distintos_navegadores.">Compatibilidad con los distintos 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>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.-webkit-border-before")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/-webkit-box-reflect/index.html b/files/es/web/css/-webkit-box-reflect/index.html
index 9963bbeb6d..1672727897 100644
--- a/files/es/web/css/-webkit-box-reflect/index.html
+++ b/files/es/web/css/-webkit-box-reflect/index.html
@@ -59,53 +59,7 @@ translation_of: Web/CSS/-webkit-box-reflect
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatChrome("4.0")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatOpera("15.0")}}</td>
- <td>{{CompatSafari("4.0")}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatAndroid("2.1")}}</td>
- <td>{{CompatNo}}</td>
- <td>22.0 {{CompatVersionUnknown}}</td>
- <td>3.2 {{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.-webkit-box-reflect")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/-webkit-mask-attachment/index.html b/files/es/web/css/-webkit-mask-attachment/index.html
index 3e393cda8a..0da7f0568e 100644
--- a/files/es/web/css/-webkit-mask-attachment/index.html
+++ b/files/es/web/css/-webkit-mask-attachment/index.html
@@ -39,55 +39,7 @@ translation_of: Web/CSS/-webkit-mask-attachment
<h2 id="Browser_Compatibility" name="Browser_Compatibility">Compatibilidad con los distintos 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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatNo() }} [1]</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>4.0</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>2.1</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>3.2</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Se ha dejado de dar soporte desde Chrome 24.</p>
+{{Compat("css.properties.-webkit-mask-attachment")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/-webkit-mask-box-image/index.html b/files/es/web/css/-webkit-mask-box-image/index.html
index 6ba9930377..8a9d3a0cbf 100644
--- a/files/es/web/css/-webkit-mask-box-image/index.html
+++ b/files/es/web/css/-webkit-mask-box-image/index.html
@@ -77,53 +77,7 @@ translation_of: Web/CSS/-webkit-mask-box-image
<h2 id="Browser_Compatibility" name="Browser_Compatibility">Compatibilidad con los distintos 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>1.0</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>4.0</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>2.1</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>3.2</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.-webkit-mask-box-image")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/-webkit-mask-composite/index.html b/files/es/web/css/-webkit-mask-composite/index.html
index c8a3666fee..8523dc0197 100644
--- a/files/es/web/css/-webkit-mask-composite/index.html
+++ b/files/es/web/css/-webkit-mask-composite/index.html
@@ -68,53 +68,7 @@ translation_of: Web/CSS/-webkit-mask-composite
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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>1.0</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>4.0</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>2.1</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>3.2</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.-webkit-mask-composite")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/-webkit-mask-position-x/index.html b/files/es/web/css/-webkit-mask-position-x/index.html
index 1d477e4793..9673599e52 100644
--- a/files/es/web/css/-webkit-mask-position-x/index.html
+++ b/files/es/web/css/-webkit-mask-position-x/index.html
@@ -79,53 +79,7 @@ translation_of: Web/CSS/-webkit-mask-position-x
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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>1.0</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>4.0</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.-webkit-mask-position-x")}}
<h2 id="See_also">See also</h2>
diff --git a/files/es/web/css/-webkit-mask-position-y/index.html b/files/es/web/css/-webkit-mask-position-y/index.html
index 975bd0e69e..58c4210370 100644
--- a/files/es/web/css/-webkit-mask-position-y/index.html
+++ b/files/es/web/css/-webkit-mask-position-y/index.html
@@ -79,53 +79,7 @@ translation_of: Web/CSS/-webkit-mask-position-y
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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>1.0</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>4.0</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.-webkit-mask-position-y")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/-webkit-mask-repeat-x/index.html b/files/es/web/css/-webkit-mask-repeat-x/index.html
index 10c4940d3d..38d2c91bd2 100644
--- a/files/es/web/css/-webkit-mask-repeat-x/index.html
+++ b/files/es/web/css/-webkit-mask-repeat-x/index.html
@@ -80,55 +80,7 @@ translation_of: Web/CSS/-webkit-mask-repeat-x
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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>{{CompatNo}}<sup>[1]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}<sup>[1]</sup></td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Pese a que la propiedad sí que es reconocida, no acepta ningun valor.</p>
+{{Compat("css.properties.-webkit-mask-repeat-x")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/-webkit-mask-repeat-y/index.html b/files/es/web/css/-webkit-mask-repeat-y/index.html
index 376c044884..c6c7b8cdf3 100644
--- a/files/es/web/css/-webkit-mask-repeat-y/index.html
+++ b/files/es/web/css/-webkit-mask-repeat-y/index.html
@@ -81,55 +81,7 @@ translation_of: Web/CSS/-webkit-mask-repeat-y
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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>{{CompatNo}}<sup>[1]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}<sup>[1]</sup></td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Pese a que la propiedad sí que es reconocida, no acepta ningun valor.</p>
+{{Compat("css.properties.-webkit-mask-repeat-y")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/-webkit-text-fill-color/index.html b/files/es/web/css/-webkit-text-fill-color/index.html
index 6882843fd7..9d8ccd25ca 100644
--- a/files/es/web/css/-webkit-text-fill-color/index.html
+++ b/files/es/web/css/-webkit-text-fill-color/index.html
@@ -41,53 +41,7 @@ translation_of: Web/CSS/-webkit-text-fill-color
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Compatibilidad</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Compatibilidad</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.-webkit-text-fill-color")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/-webkit-text-stroke-color/index.html b/files/es/web/css/-webkit-text-stroke-color/index.html
index 664434fc69..2b054ea2ab 100644
--- a/files/es/web/css/-webkit-text-stroke-color/index.html
+++ b/files/es/web/css/-webkit-text-stroke-color/index.html
@@ -70,53 +70,7 @@ translation_of: Web/CSS/-webkit-text-stroke-color
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.-webkit-text-stroke-color")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/-webkit-text-stroke-width/index.html b/files/es/web/css/-webkit-text-stroke-width/index.html
index 45b8abd6b7..b7939060a7 100644
--- a/files/es/web/css/-webkit-text-stroke-width/index.html
+++ b/files/es/web/css/-webkit-text-stroke-width/index.html
@@ -59,53 +59,7 @@ translation_of: Web/CSS/-webkit-text-stroke-width
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.-webkit-text-stroke-width")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/-webkit-text-stroke/index.html b/files/es/web/css/-webkit-text-stroke/index.html
index 6ce9db3814..d21202f58c 100644
--- a/files/es/web/css/-webkit-text-stroke/index.html
+++ b/files/es/web/css/-webkit-text-stroke/index.html
@@ -83,53 +83,7 @@ translation_of: Web/CSS/-webkit-text-stroke
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.-webkit-text-stroke")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/-webkit-touch-callout/index.html b/files/es/web/css/-webkit-touch-callout/index.html
index 35c853a5d0..a4620097d8 100644
--- a/files/es/web/css/-webkit-touch-callout/index.html
+++ b/files/es/web/css/-webkit-touch-callout/index.html
@@ -55,52 +55,4 @@ translation_of: Web/CSS/-webkit-touch-callout
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] La propiedad  <code>-webkit-touch-callout</code> fue <a href="https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266-_webkit_touch_callout">implementada en iOS 2.0</a> y posteriormente añadida a WebKit ({{webkitbug(121507)}}).</p>
+{{Compat("css.properties.-webkit-touch-callout")}}
diff --git a/files/es/web/css/@charset/index.html b/files/es/web/css/@charset/index.html
index f024d0712e..e03702014b 100644
--- a/files/es/web/css/@charset/index.html
+++ b/files/es/web/css/@charset/index.html
@@ -69,54 +69,4 @@ translation_of: Web/CSS/@charset
<h2 id="Browser_compatibility" name="Browser_compatibility">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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>2.0</td>
- <td>{{ CompatGeckoDesktop("1.8") }}<sup>[1]</sup></td>
- <td>5.5<sup>[2]</sup></td>
- <td>9</td>
- <td>4</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>2.1</td>
- <td>{{ CompatGeckoMobile("1.8") }}</td>
- <td>5.5<sup>[2]</sup></td>
- <td>10.0</td>
- <td>4</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Firefox 1.0 soporta sólo una sintaxis inválida donde la codificación de caracteres no se establece entre comillas sencillas o dobles.</p>
-
-<p>[2] De IE 5.5 a IE 7, IE también soporta la sintaxis inválida donde la codificación de caracteres no se establece entre comillas sencillas o dobles.</p>
+{{Compat("css.at-rules.charset")}}
diff --git a/files/es/web/css/@counter-style/additive-symbols/index.html b/files/es/web/css/@counter-style/additive-symbols/index.html
index 8827c64bc3..18b28c1022 100644
--- a/files/es/web/css/@counter-style/additive-symbols/index.html
+++ b/files/es/web/css/@counter-style/additive-symbols/index.html
@@ -73,53 +73,7 @@ additive-symbols: 3 "0", 2 url(symbol.png);
<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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop(33)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop(33)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.at-rules.counter-style.additive-symbols")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/@counter-style/index.html b/files/es/web/css/@counter-style/index.html
index 19f3121c79..05bb077f4a 100644
--- a/files/es/web/css/@counter-style/index.html
+++ b/files/es/web/css/@counter-style/index.html
@@ -143,53 +143,7 @@ translation_of: Web/CSS/@counter-style
<h2 id="Browser_compatibility">Browser compatibility</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop(33)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop(33)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.at-rules.counter-style")}}
<h2 id="See_also">See also</h2>
diff --git a/files/es/web/css/@counter-style/symbols/index.html b/files/es/web/css/@counter-style/symbols/index.html
index d574639c0f..ead92164bf 100644
--- a/files/es/web/css/@counter-style/symbols/index.html
+++ b/files/es/web/css/@counter-style/symbols/index.html
@@ -88,53 +88,7 @@ symbols: indic-numbers;
<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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop(33)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característic</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop(33)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.at-rules.counter-style.symbols")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/@font-face/font-family/index.html b/files/es/web/css/@font-face/font-family/index.html
index 47f3db234c..32d5476344 100644
--- a/files/es/web/css/@font-face/font-family/index.html
+++ b/files/es/web/css/@font-face/font-family/index.html
@@ -90,27 +90,4 @@ translation_of: Web/CSS/@font-face/font-family
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<table>
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>1.0</td>
- <td>1.0</td>
- <td>4.0</td>
- <td>3.5</td>
- <td>1.0</td>
- </tr>
- </tbody>
-</table>
-
-<p> </p>
+{{Compat("css.at-rules.font-face.font-family")}}
diff --git a/files/es/web/css/@font-face/font-style/index.html b/files/es/web/css/@font-face/font-style/index.html
index df8926a508..a643232eb8 100644
--- a/files/es/web/css/@font-face/font-style/index.html
+++ b/files/es/web/css/@font-face/font-style/index.html
@@ -82,53 +82,4 @@ font-style: oblique;</pre>
<h2 id="Browser_compatibility">Browser compatibility</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table" style="height: 91px; width: 591px;">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatGeckoDesktop("1.9.1")}}</td>
- <td>4.0  </td>
- <td>4.0</td>
- <td>10.0</td>
- <td>3.1</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mini</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile("1.9.1")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>10.0</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
+{{Compat("css.at-rules.font-face.font-style")}}
diff --git a/files/es/web/css/@font-face/src/index.html b/files/es/web/css/@font-face/src/index.html
index 6350f73c32..27dab2fcdb 100644
--- a/files/es/web/css/@font-face/src/index.html
+++ b/files/es/web/css/@font-face/src/index.html
@@ -80,166 +80,4 @@ src: local(font), url(path/to/font.svg) format("svg"),
<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>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatChrome("4.0")}}</td>
- <td>12.0</td>
- <td>{{CompatGeckoDesktop("1.9.1")}}</td>
- <td>{{CompatIE("6.0")}}</td>
- <td>{{CompatOpera("9.0")}}</td>
- <td>{{CompatSafari("3.1")}}</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/WOFF">WOFF</a></td>
- <td>{{CompatChrome("5.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.9.2")}}</td>
- <td>{{CompatIE("9.0")}}</td>
- <td>{{CompatOpera("11.1")}}</td>
- <td>{{CompatSafari("5.1")}}</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/WOFF">WOFF 2</a></td>
- <td>{{CompatChrome("36.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("35.0")}}<sup>[1]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatOpera("26.0")}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><a href="https://www.microsoft.com/typography/otspec/default.htm">TrueType</a></td>
- <td>{{CompatChrome("4.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.9.1")}}</td>
- <td>{{CompatIE("9.0")}}</td>
- <td>{{CompatOpera("10.0")}}</td>
- <td>{{CompatSafari("3.1")}}</td>
- </tr>
- <tr>
- <td><a href="https://www.microsoft.com/typography/otspec/default.htm">OpenType</a></td>
- <td>{{CompatChrome("4.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.9.1")}}</td>
- <td>{{CompatIE("9.0")}}</td>
- <td>{{CompatOpera("10.0")}}</td>
- <td>{{CompatSafari("3.1")}}</td>
- </tr>
- <tr>
- <td><a href="https://www.w3.org/Submission/2008/SUBM-EOT-20080305/">Embedded OpenType</a></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatIE("6.0")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/SVG/Tutorial/SVG_fonts">SVG Font</a></td>
- <td>{{CompatChrome("4.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}<sup>[2]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatOpera("9.0")}}</td>
- <td>{{CompatSafari("3.2")}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mini</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatAndroid("2.2")}}</td>
- <td>{{CompatGeckoMobile("1.9.1")}}</td>
- <td>{{CompatIE("10.0")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatOpera("12.0")}}</td>
- <td>{{CompatSafari("3.1")}}</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/WOFF">WOFF</a></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/WOFF">WOFF 2</a></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><a href="https://www.microsoft.com/typography/otspec/default.htm">TrueType</a></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><a href="https://www.microsoft.com/typography/otspec/default.htm">OpenType</a></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><a href="https://www.w3.org/Submission/2008/SUBM-EOT-20080305/">Embedded OpenType</a></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/SVG/Tutorial/SVG_fonts">SVG Font</a></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Esta característica está implementada bajo la preferencia <code>gfx.downloadable_fonts.woff2.enabled</code>, inicialmente con valor predeterminado de <code>false</code>. A partir de Gecko 39.0 {{geckoRelease("39.0")}}, esta preferencia tiene valor predeterminado de <code>true</code>.</p>
-
-<p>[2] Esta característica aun no está implementada. Véase {{bug("119490")}}.</p>
+{{Compat("css.at-rules.font-face.src")}}
diff --git a/files/es/web/css/@font-feature-values/index.html b/files/es/web/css/@font-feature-values/index.html
index 5dd9028553..26ff856a65 100644
--- a/files/es/web/css/@font-feature-values/index.html
+++ b/files/es/web/css/@font-feature-values/index.html
@@ -77,55 +77,7 @@ translation_of: Web/CSS/@font-feature-values
<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidad de navegadores</h2>
-<div>{{CompatibilityTable}}</div>
-
-<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>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("34")}} [1]</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile("34")}} [1]</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Implementación experimental de las extensiones CSS Fonts Nivel 3 estaba disponible desde Gecko 24. Estaba regido por la preferencia <code>layout.css.font-features.enabled</code> con valor predeterminado <code>true</code> en Nightly y Aurora solamente.</p>
+{{Compat("css.at-rules.font-feature-values")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/@import/index.html b/files/es/web/css/@import/index.html
index 145304cf70..3908a1e099 100644
--- a/files/es/web/css/@import/index.html
+++ b/files/es/web/css/@import/index.html
@@ -69,50 +69,4 @@ translation_of: Web/CSS/@import
<h2 id="Browser_compatibility" name="Browser_compatibility">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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>5.5</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>5.5</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.at-rules.import")}}
diff --git a/files/es/web/css/@keyframes/index.html b/files/es/web/css/@keyframes/index.html
index 9f15637194..7ad42bd0d9 100644
--- a/files/es/web/css/@keyframes/index.html
+++ b/files/es/web/css/@keyframes/index.html
@@ -117,57 +117,7 @@ si varios kayframes especifican los valores de los mismos porcentajes.</div>
</tbody>
</table>
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Características</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() }}{{ property_prefix("-webkit") }}</td>
- <td>{{ CompatGeckoDesktop("5.0") }}{{ property_prefix("-moz") }}<br>
- {{ CompatGeckoDesktop("16.0") }}</td>
- <td>10</td>
- <td>12 {{ property_prefix("-o") }}<br>
- 12.10 <a href="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot">#</a></td>
- <td>4.0{{ property_prefix("-webkit") }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Características</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatVersionUnknown() }}{{ property_prefix("-webkit") }}</td>
- <td>{{ CompatGeckoMobile("5.0") }}{{ property_prefix("-moz") }}<br>
- {{ CompatGeckoMobile("16.0") }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>
- <p>{{ CompatUnknown()}}iones</p>
- </td>
- </tr>
- </tbody>
-</table>
+{{Compat("css.at-rules.keyframes")}}
<h2 id="Vease_también">Vease también</h2>
</div>
diff --git a/files/es/web/css/@media/color/index.html b/files/es/web/css/@media/color/index.html
index 462a566a07..448dbb8529 100644
--- a/files/es/web/css/@media/color/index.html
+++ b/files/es/web/css/@media/color/index.html
@@ -29,52 +29,4 @@ translation_of: Web/CSS/@media/color
<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidad con los distintos 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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p> </p>
+{{Compat("css.at-rules.media.color")}}
diff --git a/files/es/web/css/@media/index.html b/files/es/web/css/@media/index.html
index bca7ee1276..4ac07c0145 100644
--- a/files/es/web/css/@media/index.html
+++ b/files/es/web/css/@media/index.html
@@ -256,101 +256,7 @@ translation_of: Web/CSS/@media
<h2 id="Browser_compatibility" name="Browser_compatibility">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</th>
- </tr>
- <tr>
- <td>Soporte básico (<code>all</code>, <code>print</code>, <code>screen</code>)</td>
- <td>1.0</td>
- <td>{{ CompatGeckoDesktop(1.7) }}</td>
- <td>6.0</td>
- <td>9.2</td>
- <td>1.3</td>
- </tr>
- <tr>
- <td><code>speech</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>9.2</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>Media features (características de medios)</td>
- <td>1.0</td>
- <td>{{ CompatGeckoDesktop(1.7) }}</td>
- <td>9.0</td>
- <td>9.2</td>
- <td>1.3</td>
- </tr>
- <tr>
- <td>Característica <code>display-mode</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{ CompatGeckoDesktop(47) }}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico (<code>all</code>, <code>print</code>, <code>screen</code>)</td>
- <td>1.0</td>
- <td>{{ CompatGeckoMobile(1.7) }}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>9.0</td>
- <td>3.1</td>
- </tr>
- <tr>
- <td><code>speech</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>9.0</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>Media features (características de medios)</td>
- <td>1.0</td>
- <td>{{ CompatGeckoMobile(1.7) }}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>9.0</td>
- <td>3.1</td>
- </tr>
- <tr>
- <td>Característica <code>display-mode</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.at-rules.media")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/@media/resolution/index.html b/files/es/web/css/@media/resolution/index.html
index 6f5ba7c51a..b798de50e6 100644
--- a/files/es/web/css/@media/resolution/index.html
+++ b/files/es/web/css/@media/resolution/index.html
@@ -30,60 +30,4 @@ original_slug: Web/CSS/@media/resolución
<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidad con 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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>
- <table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- </tr>
- </tbody>
- </table>
- </th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p> </p>
+{{Compat("css.at-rules.media.resolution")}}
diff --git a/files/es/web/css/@media/width/index.html b/files/es/web/css/@media/width/index.html
index a4392047b3..ece68ed60e 100644
--- a/files/es/web/css/@media/width/index.html
+++ b/files/es/web/css/@media/width/index.html
@@ -71,54 +71,4 @@ translation_of: Web/CSS/@media/width
<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadores Compatibles</h2>
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table" style="height: 117px; width: 561px;">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>
- <p>Firefox (Gecko)</p>
- </th>
- <th>Internet Explorer</th>
- <th>Edge</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>9.0</td>
- <td>14+</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table" style="height: 91px; width: 499px;">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>56+</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>9.3+</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.at-rules.media.width")}}
diff --git a/files/es/web/css/@page/index.html b/files/es/web/css/@page/index.html
index 83a7d51285..6fc9d0e611 100644
--- a/files/es/web/css/@page/index.html
+++ b/files/es/web/css/@page/index.html
@@ -80,50 +80,4 @@ translation_of: Web/CSS/@page
<h2 id="Compatibilidad_del_navegador">Compatibilidad del navegador</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</th>
- </tr>
- <tr>
- <td>Soporte Básico</td>
- <td>2.0</td>
- <td>{{CompatGeckoDesktop("19.0")}}</td>
- <td>8.0</td>
- <td>6.0</td>
- <td>5.0</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte Básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile("19.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.at-rules.page")}}
diff --git a/files/es/web/css/_colon_-moz-focusring/index.html b/files/es/web/css/_colon_-moz-focusring/index.html
index 95ef9db9c4..fe9012ca1b 100644
--- a/files/es/web/css/_colon_-moz-focusring/index.html
+++ b/files/es/web/css/_colon_-moz-focusring/index.html
@@ -33,55 +33,7 @@ translation_of: 'Web/CSS/:-moz-focusring'
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop(2)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.selectors.-moz-focusring")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/_colon_-moz-submit-invalid/index.html b/files/es/web/css/_colon_-moz-submit-invalid/index.html
index 75cd48a3f0..8ef8753fac 100644
--- a/files/es/web/css/_colon_-moz-submit-invalid/index.html
+++ b/files/es/web/css/_colon_-moz-submit-invalid/index.html
@@ -18,53 +18,7 @@ translation_of: 'Web/CSS/:-moz-submit-invalid'
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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</th>
- </tr>
- <tr>
- <td>Soporte Básico</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatGeckoDesktop("2") }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatGeckoMobile("2") }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.selectors.-moz-submit-invalid")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/_colon_-moz-window-inactive/index.html b/files/es/web/css/_colon_-moz-window-inactive/index.html
index e22e734842..2cd01cf677 100644
--- a/files/es/web/css/_colon_-moz-window-inactive/index.html
+++ b/files/es/web/css/_colon_-moz-window-inactive/index.html
@@ -46,54 +46,4 @@ translation_of: 'Web/CSS/:-moz-window-inactive'
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop(2)}}<sup>[1]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Implementado en {{bug("508482")}}.</p>
+{{Compat("css.selectors.-moz-window-inactive")}}
diff --git a/files/es/web/css/_colon_autofill/index.html b/files/es/web/css/_colon_autofill/index.html
index ef34f51351..6d5fc76c52 100644
--- a/files/es/web/css/_colon_autofill/index.html
+++ b/files/es/web/css/_colon_autofill/index.html
@@ -24,53 +24,7 @@ original_slug: Web/CSS/:-webkit-autofill
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.selectors.autofill")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/_colon_has/index.html b/files/es/web/css/_colon_has/index.html
index 186e999382..b1d29f4860 100644
--- a/files/es/web/css/_colon_has/index.html
+++ b/files/es/web/css/_colon_has/index.html
@@ -47,52 +47,4 @@ translation_of: 'Web/CSS/:has'
<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidad entre los distintos navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.selectors.has")}}
diff --git a/files/es/web/css/_colon_is/index.html b/files/es/web/css/_colon_is/index.html
index 898cf19e93..7f2fb5372a 100644
--- a/files/es/web/css/_colon_is/index.html
+++ b/files/es/web/css/_colon_is/index.html
@@ -135,54 +135,4 @@ h1 {
<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidad de navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatGeckoDesktop("2")}}{{property_prefix("-moz")}}</td>
- <td>12.0 (534.30){{property_prefix("-webkit")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>5<br>
- {{property_prefix("-webkit")}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>5<br>
- {{property_prefix("-webkit")}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.selectors.is")}}
diff --git a/files/es/web/css/_colon_user-invalid/index.html b/files/es/web/css/_colon_user-invalid/index.html
index 301a1d68d8..94d7357596 100644
--- a/files/es/web/css/_colon_user-invalid/index.html
+++ b/files/es/web/css/_colon_user-invalid/index.html
@@ -34,55 +34,7 @@ original_slug: Web/CSS/:-moz-ui-invalid
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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</th>
- </tr>
- <tr>
- <td>Soporte Básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop(2)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte Básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.selectors.user-invalid")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/_doublecolon_-moz-page-sequence/index.html b/files/es/web/css/_doublecolon_-moz-page-sequence/index.html
index 33ee3c2706..b1286b4ee5 100644
--- a/files/es/web/css/_doublecolon_-moz-page-sequence/index.html
+++ b/files/es/web/css/_doublecolon_-moz-page-sequence/index.html
@@ -26,53 +26,7 @@ translation_of: 'Web/CSS/::-moz-page-sequence'
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.selectors.-moz-page-sequence")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/_doublecolon_-moz-range-progress/index.html b/files/es/web/css/_doublecolon_-moz-range-progress/index.html
index 58603c514c..706f098202 100644
--- a/files/es/web/css/_doublecolon_-moz-range-progress/index.html
+++ b/files/es/web/css/_doublecolon_-moz-range-progress/index.html
@@ -52,53 +52,7 @@ translation_of: 'Web/CSS/::-moz-range-progress'
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.selectors.-moz-range-progress")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/_doublecolon_-moz-range-thumb/index.html b/files/es/web/css/_doublecolon_-moz-range-thumb/index.html
index 7439c46cb5..f8fb7702fb 100644
--- a/files/es/web/css/_doublecolon_-moz-range-thumb/index.html
+++ b/files/es/web/css/_doublecolon_-moz-range-thumb/index.html
@@ -51,53 +51,7 @@ translation_of: 'Web/CSS/::-moz-range-thumb'
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.selectors.-moz-range-thumb")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/_doublecolon_-moz-range-track/index.html b/files/es/web/css/_doublecolon_-moz-range-track/index.html
index 24990dd56b..2a33e2ce52 100644
--- a/files/es/web/css/_doublecolon_-moz-range-track/index.html
+++ b/files/es/web/css/_doublecolon_-moz-range-track/index.html
@@ -51,53 +51,7 @@ translation_of: 'Web/CSS/::-moz-range-track'
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.selectors.-moz-range-track")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/_doublecolon_-moz-scrolled-page-sequence/index.html b/files/es/web/css/_doublecolon_-moz-scrolled-page-sequence/index.html
index bbb86d7207..6f72b10cf4 100644
--- a/files/es/web/css/_doublecolon_-moz-scrolled-page-sequence/index.html
+++ b/files/es/web/css/_doublecolon_-moz-scrolled-page-sequence/index.html
@@ -21,55 +21,7 @@ translation_of: 'Web/CSS/::-moz-scrolled-page-sequence'
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.selectors.-moz-scrolled-page-sequence")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/_doublecolon_-webkit-inner-spin-button/index.html b/files/es/web/css/_doublecolon_-webkit-inner-spin-button/index.html
index d6dcc041b4..ce3a9613e3 100644
--- a/files/es/web/css/_doublecolon_-webkit-inner-spin-button/index.html
+++ b/files/es/web/css/_doublecolon_-webkit-inner-spin-button/index.html
@@ -35,57 +35,7 @@ translation_of: 'Web/CSS/::-webkit-inner-spin-button'
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatversionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Chrome</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Firefox OS</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.selectors.-webkit-inner-spin-button")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/_doublecolon_-webkit-meter-bar/index.html b/files/es/web/css/_doublecolon_-webkit-meter-bar/index.html
index f84bebf096..e1fc379952 100644
--- a/files/es/web/css/_doublecolon_-webkit-meter-bar/index.html
+++ b/files/es/web/css/_doublecolon_-webkit-meter-bar/index.html
@@ -43,53 +43,7 @@ meter::-webkit-meter-bar {
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.selectors.-webkit-meter-bar")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/_doublecolon_-webkit-meter-even-less-good-value/index.html b/files/es/web/css/_doublecolon_-webkit-meter-even-less-good-value/index.html
index d309e32dfc..3b7e3c067f 100644
--- a/files/es/web/css/_doublecolon_-webkit-meter-even-less-good-value/index.html
+++ b/files/es/web/css/_doublecolon_-webkit-meter-even-less-good-value/index.html
@@ -31,53 +31,7 @@ translation_of: 'Web/CSS/::-webkit-meter-even-less-good-value'
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.selectors.-webkit-meter-even-less-good-value")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/_doublecolon_-webkit-meter-inner-element/index.html b/files/es/web/css/_doublecolon_-webkit-meter-inner-element/index.html
index b4a1d5e657..ecc8df2e2f 100644
--- a/files/es/web/css/_doublecolon_-webkit-meter-inner-element/index.html
+++ b/files/es/web/css/_doublecolon_-webkit-meter-inner-element/index.html
@@ -43,53 +43,7 @@ meter::-webkit-meter-inner-element {
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.selectors.-webkit-meter-inner-element")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/_doublecolon_-webkit-meter-optimum-value/index.html b/files/es/web/css/_doublecolon_-webkit-meter-optimum-value/index.html
index 1ba5550c80..93f40cca1a 100644
--- a/files/es/web/css/_doublecolon_-webkit-meter-optimum-value/index.html
+++ b/files/es/web/css/_doublecolon_-webkit-meter-optimum-value/index.html
@@ -43,53 +43,7 @@ meter::-webkit-meter-optimum-value {
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Soporte básico</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.selectors.-webkit-meter-optimum-value")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/_doublecolon_-webkit-meter-suboptimum-value/index.html b/files/es/web/css/_doublecolon_-webkit-meter-suboptimum-value/index.html
index 6213d4afa9..e9afba686f 100644
--- a/files/es/web/css/_doublecolon_-webkit-meter-suboptimum-value/index.html
+++ b/files/es/web/css/_doublecolon_-webkit-meter-suboptimum-value/index.html
@@ -36,53 +36,7 @@ translation_of: 'Web/CSS/::-webkit-meter-suboptimum-value'
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.selectors.-webkit-meter-suboptimum-value")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/_doublecolon_-webkit-outer-spin-button/index.html b/files/es/web/css/_doublecolon_-webkit-outer-spin-button/index.html
index 8351b2fa2e..48ae9edc18 100644
--- a/files/es/web/css/_doublecolon_-webkit-outer-spin-button/index.html
+++ b/files/es/web/css/_doublecolon_-webkit-outer-spin-button/index.html
@@ -35,57 +35,7 @@ translation_of: 'Web/CSS/::-webkit-outer-spin-button'
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatversionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Chrome</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Firefox OS</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.selectors.-webkit-outer-spin-button")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/_doublecolon_-webkit-progress-bar/index.html b/files/es/web/css/_doublecolon_-webkit-progress-bar/index.html
index 7aff28f56d..35baf52be9 100644
--- a/files/es/web/css/_doublecolon_-webkit-progress-bar/index.html
+++ b/files/es/web/css/_doublecolon_-webkit-progress-bar/index.html
@@ -50,53 +50,7 @@ translation_of: 'Web/CSS/::-webkit-progress-bar'
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.selectors.-webkit-progress-bar")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/_doublecolon_-webkit-progress-inner-element/index.html b/files/es/web/css/_doublecolon_-webkit-progress-inner-element/index.html
index 55bb247275..15eeb1bd85 100644
--- a/files/es/web/css/_doublecolon_-webkit-progress-inner-element/index.html
+++ b/files/es/web/css/_doublecolon_-webkit-progress-inner-element/index.html
@@ -50,53 +50,7 @@ translation_of: 'Web/CSS/::-webkit-progress-inner-element'
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.selectors.-webkit-progress-inner-element")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/_doublecolon_-webkit-progress-value/index.html b/files/es/web/css/_doublecolon_-webkit-progress-value/index.html
index 4e6d5bd10f..7fb253472d 100644
--- a/files/es/web/css/_doublecolon_-webkit-progress-value/index.html
+++ b/files/es/web/css/_doublecolon_-webkit-progress-value/index.html
@@ -49,53 +49,7 @@ translation_of: 'Web/CSS/::-webkit-progress-value'
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.selectors.-webkit-progress-value")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/_doublecolon_backdrop/index.html b/files/es/web/css/_doublecolon_backdrop/index.html
index 931a893f81..fb9dd31be8 100644
--- a/files/es/web/css/_doublecolon_backdrop/index.html
+++ b/files/es/web/css/_doublecolon_backdrop/index.html
@@ -40,89 +40,7 @@ translation_of: 'Web/CSS/::backdrop'
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>32.0 {{property_prefix("webkit")}}<br>
- 37.0</td>
- <td>{{CompatGeckoDesktop("47")}} <sup>[1]</sup></td>
- <td>11 {{property_prefix("ms")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>en la etiqueta <code>&lt;dialog&gt;</code></td>
- <td>32.0 {{property_prefix("webkit")}}<br>
- 37.0</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>a pantalla completa</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop("47")}} <sup>[1]</sup></td>
- <td>11 {{property_prefix("ms")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoMobile("47")}} <sup>[1]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>en la etiqueta <code>&lt;dialog&gt;</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>a pantalla completa</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoMobile("47")}} <sup>[1]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Ver {{bug(1064843)}}</p>
+{{Compat("css.selectors.backdrop")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/_doublecolon_file-selector-button/index.html b/files/es/web/css/_doublecolon_file-selector-button/index.html
index f818f44b7c..eec51566a3 100644
--- a/files/es/web/css/_doublecolon_file-selector-button/index.html
+++ b/files/es/web/css/_doublecolon_file-selector-button/index.html
@@ -52,50 +52,4 @@ input[type=file]::-webkit-file-upload-button {
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.selectors.file-selector-button")}}
diff --git a/files/es/web/css/_doublecolon_selection/index.html b/files/es/web/css/_doublecolon_selection/index.html
index 635a434d8f..1d39079a4e 100644
--- a/files/es/web/css/_doublecolon_selection/index.html
+++ b/files/es/web/css/_doublecolon_selection/index.html
@@ -41,54 +41,4 @@ p::selection { color: white; background: black; }</pre>
<h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2>
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Caracteristicas</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte basico</td>
- <td>1</td>
- <td>1.0 {{ property_prefix("-moz") }}</td>
- <td>9</td>
- <td>9.5</td>
- <td>1.1</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Caracteristicas</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte basico</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p> </p>
+{{Compat("css.selectors.selection")}}
diff --git a/files/es/web/css/adjacent_sibling_combinator/index.html b/files/es/web/css/adjacent_sibling_combinator/index.html
index 23549e7557..000bb3b8b5 100644
--- a/files/es/web/css/adjacent_sibling_combinator/index.html
+++ b/files/es/web/css/adjacent_sibling_combinator/index.html
@@ -79,55 +79,7 @@ original_slug: Web/CSS/Selectores_hermanos_adyacentes
<h2 id="Compatibilidad_entre_navegadores">Compatibilidad entre navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>7.0<sup>[1]</sup></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>2.1</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Internet Explorer 7 no actualiza correctamente el estilo cuando un elemento es insertado dinámicamente antes de otro elemento que coincidía con el selector. En Internet Explorer 8, si un elemento es insertado dinámicamente haciendo click en un enlace, el estilo del <code>first-child</code> no se aplica hasta que el enlace pierde el foco.</p>
+{{Compat("css.selectors.adjacent_sibling")}}
<h2 id="Ver_también">Ver también</h2>
diff --git a/files/es/web/css/align-content/index.html b/files/es/web/css/align-content/index.html
index 1703b3df13..fd5e36cb59 100644
--- a/files/es/web/css/align-content/index.html
+++ b/files/es/web/css/align-content/index.html
@@ -201,57 +201,7 @@ align-content: unset;
<h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2>
-<div>{{CompatibilityTable}}</div>
-
-<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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>21.0{{property_prefix("-webkit")}}</td>
- <td>28.0<sup>[1]</sup></td>
- <td>{{CompatNo}}</td>
- <td>12.10</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>28.0<sup>[1]</sup></td>
- <td>{{CompatNo}}</td>
- <td>12.10</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Además del soporte sin prefijo, Gecko 48.0 {{geckoRelease("48.0")}} añadió soporte a la versión con prefijo <code>-webkit</code> de la propiedad, por razones de compatibilidad, usando la preferencia <code>layout.css.prefixes.webkit</code>, con valor predeterminado <code>false</code>. Desde Gecko 49.0 {{geckoRelease("49.0")}} el valor predeterminado de esta preferencia es <code>true</code>.</p>
+{{Compat("css.properties.align-content")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/align-items/index.html b/files/es/web/css/align-items/index.html
index 7051bdb6be..718c3d2ec8 100644
--- a/files/es/web/css/align-items/index.html
+++ b/files/es/web/css/align-items/index.html
@@ -101,65 +101,7 @@ align-items: 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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatChrome(21.0)}}{{property_prefix("-webkit")}}<sup>[1]</sup></td>
- <td>{{CompatGeckoDesktop("20.0")}}<sup>[2]</sup></td>
- <td>11.0<sup>[3]</sup></td>
- <td>12.10</td>
- <td>7.0{{property_prefix("-webkit")}} </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 Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- <th>Chrome for Android</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>4.4</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile("20.0")}}<sup>[2]</sup></td>
- <td>{{CompatNo}}</td>
- <td>12.10</td>
- <td>7.0{{property_prefix("-webkit")}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Las versiones anteriores de la especificación tratan a los hijos con posición absoluta como si fueran elementos flexibles de <code>0x0</code>. Las versiones posteriores los excluyen del flujo y establecen sus posiciones con base en las propiedades de alineación y justificación. Chrome implementa el comportamiento nuevo a partir de Chrome 52.</p>
-
-<p>[2] Para activar soporte a flexbox en Firefox 18 y 19, el usuario debe acceder a <code>about:config</code> y cambiar el valor de la preferencia <code>layout.css.flexbox.enabled</code> a <code>true</code>. Los flexbox multiínea son soportados desde Firefox 28.</p>
-
-<p>Además del soporte sin prefijo, Gecko 48.0 {{geckoRelease("48.0")}} añadió soporte a la versión con prefijo <code>-webkit</code> de la propiedad, por razones de compatibilidad, usando la preferencia <code>layout.css.prefixes.webkit</code>, con valor predeterminado <code>false</code>. Desde Gecko 49.0 {{geckoRelease("49.0")}} el valor predeterminado de esta preferencia es <code>true</code>.</p>
-
-<p>[3] En Internet Explorer 10-11, si los elementos flex de una columna tienen <code>align-items: center;</code> y su contenido es muy largo, se saldrán de los límites del contenedor. Véase <a href="https://github.com/philipwalton/flexbugs#2-column-flex-items-set-to-align-itemscenter-overflow-their-container">Flexbug #2</a> para más información.</p>
+{{Compat("css.properties.align-items")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/align-self/index.html b/files/es/web/css/align-self/index.html
index 64d947bda3..8439f5b3e2 100644
--- a/files/es/web/css/align-self/index.html
+++ b/files/es/web/css/align-self/index.html
@@ -75,60 +75,7 @@ align-self: 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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>21.0{{property_prefix("-webkit")}}<br>
- 36.0</td>
- <td>{{CompatGeckoDesktop("20.0")}}<sup>[1]</sup></td>
- <td>11.0</td>
- <td>12.10</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>12.10</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Firefox soporta solamente flexbox de una línea hasta Firefox 27. Para activar soporte a flexbox, en Firefox 18 y 19, el usuario debe cambiar la preferencia <code>layout.css.flexbox.enabled</code> a <code>true</code> en la página <code>about:config</code>.</p>
-
-<p>Además del soporte sin prefijo, Gecko 48.0 (Firefox 48.0 / Thunderbird 48.0 / SeaMonkey 2.45) añadió soporte a la versión con prefijo <code>-webkit</code> de la propiedad, por razones de compatibilidad, usando la preferencia <code>layout.css.prefixes.webkit</code>, con valor predeterminado <code>false</code>. Desde Gecko 49.0 (Firefox 49.0 / Thunderbird 49.0 / SeaMonkey 2.46) el valor predeterminado de esta preferencia es <code>true</code>.</p>
+{{Compat("css.properties.align-self")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/all/index.html b/files/es/web/css/all/index.html
index a0c5e8443f..decb3e3d3e 100644
--- a/files/es/web/css/all/index.html
+++ b/files/es/web/css/all/index.html
@@ -150,69 +150,7 @@ blockquote { all: inherit; }</pre>
<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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatChrome("37")}} </td>
- <td>{{ CompatGeckoDesktop("27") }}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatChrome("24")}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>revert</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>9.1</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoMobile("27")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>revert</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>9.3</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.all")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/angle/index.html b/files/es/web/css/angle/index.html
index 8a3a9bb0ed..913d44e650 100644
--- a/files/es/web/css/angle/index.html
+++ b/files/es/web/css/angle/index.html
@@ -74,66 +74,4 @@ translation_of: Web/CSS/angle
<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>2 (528.17)</td>
- <td>3.6 (1.9.2)</td>
- <td>9.0</td>
- <td>{{ CompatNo }}</td>
- <td>4.0 (528.17)</td>
- </tr>
- <tr>
- <td><code>turn</code> unit</td>
- <td>{{ CompatNo }}</td>
- <td>13.0</td>
- <td>9.0</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatNo }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatUnknown }}</td>
- <td>{{ CompatVersionUnknown }}</td>
- <td>{{ CompatUnknown }}</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatUnknown }}</td>
- </tr>
- <tr>
- <td><code>turn</code> unit</td>
- <td>{{ CompatNo }}</td>
- <td>13.0</td>
- <td>{{ CompatUnknown }}</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatNo }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.types.angle")}}
diff --git a/files/es/web/css/animation-delay/index.html b/files/es/web/css/animation-delay/index.html
index ab868643ef..d4562f5103 100644
--- a/files/es/web/css/animation-delay/index.html
+++ b/files/es/web/css/animation-delay/index.html
@@ -68,54 +68,7 @@ animation-delay: 2s, 4ms
<h2 id="Browser_Compatibility" name="Browser_Compatibility">Compatibilidad entre 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() }}{{ property_prefix("-webkit") }}</td>
- <td>{{ CompatGeckoDesktop("5.0") }}{{ property_prefix("-moz") }} {{ CompatGeckoDesktop("16.0") }}</td>
- <td>10</td>
- <td>12{{ property_prefix("-o") }}<br>
- 12.5 <a href="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot">#</a></td>
- <td>4.0{{ property_prefix("-webkit") }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatVersionUnknown() }}{{ property_prefix("-webkit") }}</td>
- <td>{{ CompatGeckoMobile("5.0") }}{{ property_prefix("-moz") }} {{ CompatGeckoMobile("16.0") }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>12{{ property_prefix("-o") }}</td>
- <td>{{ CompatVersionUnknown() }}{{ property_prefix("-webkit") }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.animation-delay")}}
<h2 id="Consulte_también">Consulte también</h2>
diff --git a/files/es/web/css/animation-direction/index.html b/files/es/web/css/animation-direction/index.html
index 90757ed560..0b411e4275 100644
--- a/files/es/web/css/animation-direction/index.html
+++ b/files/es/web/css/animation-direction/index.html
@@ -72,92 +72,7 @@ animation-direction: alternate, reverse, normal
<h2 id="Browser_Compatibility" name="Browser_Compatibility">Compatibilidad entre 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() }}{{ property_prefix("-webkit") }}</td>
- <td>{{ CompatGeckoDesktop("5.0") }}{{ property_prefix("-moz") }}<br>
- {{ CompatGeckoDesktop("16.0") }}</td>
- <td>10</td>
- <td>12{{ property_prefix("-o") }}<br>
- 12.5 <a href="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot">#</a></td>
- <td>4.0{{ property_prefix("-webkit") }}</td>
- </tr>
- <tr>
- <td><code>reverse</code></td>
- <td>19 {{ property_prefix("-webkit") }}</td>
- <td>{{ CompatGeckoDesktop("16.0") }}</td>
- <td>10</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- </tr>
- <tr>
- <td><code>alternate-reverse</code></td>
- <td>19 {{ property_prefix("-webkit") }}</td>
- <td>{{ CompatGeckoDesktop("16.0") }}</td>
- <td>10</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}{{ property_prefix("-webkit") }}</td>
- <td>{{ CompatGeckoMobile("5.0") }}{{ property_prefix("-moz") }}<br>
- {{ CompatGeckoMobile("16.0") }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- <tr>
- <td><code>reverse</code></td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}{{ property_prefix("-webkit") }}</td>
- <td>{{ CompatGeckoMobile("16.0") }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- <tr>
- <td><code>alternate-reverse</code></td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}{{ property_prefix("-webkit") }}</td>
- <td>{{ CompatGeckoMobile("16.0") }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.animation-direction")}}
<h2 id="Consulte_también">Consulte también</h2>
diff --git a/files/es/web/css/animation-duration/index.html b/files/es/web/css/animation-duration/index.html
index 4a6167faff..9bcc3f3e9f 100644
--- a/files/es/web/css/animation-duration/index.html
+++ b/files/es/web/css/animation-duration/index.html
@@ -68,56 +68,7 @@ animation-duration: 10s, 30s, 230ms
<h2 id="Browser_Compatibility" name="Browser_Compatibility">Compatibilidad entre navegadores</h2>
-<p style="">{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table" style="height: 197px; width: 921px;">
- <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>Basic support</td>
- <td>3.0{{ property_prefix("-webkit") }}</td>
- <td>{{ CompatGeckoDesktop("5.0") }}{{ property_prefix("-moz") }}<br>
- {{ CompatGeckoDesktop("16.0") }}</td>
- <td>10</td>
- <td>12{{ property_prefix("-o") }}<br>
- 12.10 <a href="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot">#</a></td>
- <td>4.0{{ property_prefix("-webkit") }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>2.0{{ property_prefix("-webkit") }}</td>
- <td>{{ CompatGeckoMobile("5.0") }}{{ property_prefix("-moz") }}<br>
- {{ CompatGeckoMobile("16.0") }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>4.2{{ property_prefix("-webkit") }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.animation-duration")}}
<h2 id="Consultar_también">Consultar también</h2>
diff --git a/files/es/web/css/animation-fill-mode/index.html b/files/es/web/css/animation-fill-mode/index.html
index e8d557fdea..ea8c4347af 100644
--- a/files/es/web/css/animation-fill-mode/index.html
+++ b/files/es/web/css/animation-fill-mode/index.html
@@ -174,56 +174,7 @@ animation-fill-mode: both, forwards, none
<h2 id="Browser_Compatibility" name="Browser_Compatibility">Compatibilidad entre 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() }}{{ property_prefix("-webkit") }}</td>
- <td>{{ CompatGeckoDesktop("5.0") }}{{ property_prefix("-moz") }}<br>
- {{ CompatGeckoDesktop("16.0") }}</td>
- <td>10</td>
- <td>12{{ property_prefix("-o") }}<br>
- 12.10 <a href="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot">#</a></td>
- <td>4.0{{ property_prefix("-webkit") }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatGeckoMobile("5.0") }}{{ property_prefix("-moz") }}<br>
- {{ CompatGeckoMobile("16.0") }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.animation-fill-mode")}}
<h2 id="Ver_también">Ver también</h2>
diff --git a/files/es/web/css/animation-iteration-count/index.html b/files/es/web/css/animation-iteration-count/index.html
index 2130ad831c..700993ce74 100644
--- a/files/es/web/css/animation-iteration-count/index.html
+++ b/files/es/web/css/animation-iteration-count/index.html
@@ -67,56 +67,7 @@ animation-iteration-count: 2, 0, infinite;
<h2 id="Browser_Compatibility" name="Browser_Compatibility">Compatibilidad en navegadores</h2>
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Caracteristica</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() }}{{ property_prefix("-webkit") }}</td>
- <td>{{ CompatGeckoDesktop("5.0") }}{{ property_prefix("-moz") }}<br>
- {{ CompatGeckoDesktop("16.0") }}</td>
- <td>10 </td>
- <td>12 {{ property_prefix("-o") }}<br>
- 12.10 <a href="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot">#</a></td>
- <td>4.0{{ property_prefix("-webkit") }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Caracteristicas</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatVersionUnknown() }}{{ property_prefix("-webkit") }}</td>
- <td>{{ CompatGeckoMobile("5.0") }}{{ property_prefix("-moz") }}<br>
- {{ CompatGeckoMobile("16.0") }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.animation-iteration-count")}}
<h2 id="Ver_también">Ver también</h2>
diff --git a/files/es/web/css/animation-name/index.html b/files/es/web/css/animation-name/index.html
index 46b80c69ba..084a049f06 100644
--- a/files/es/web/css/animation-name/index.html
+++ b/files/es/web/css/animation-name/index.html
@@ -75,56 +75,7 @@ animation-name: <a href="/en-US/docs/Web/CSS/unset">unset</a>;
<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidad en navegadores</h2>
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Características</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}}{{property_prefix("-webkit")}}</td>
- <td>{{CompatGeckoDesktop("5.0")}}{{property_prefix("-moz")}}<br>
- {{CompatGeckoDesktop("16.0")}}</td>
- <td>10 </td>
- <td>12 {{property_prefix("-o")}}<br>
- 12.10 <a href="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot">#</a></td>
- <td>4.0{{property_prefix("-webkit")}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Características</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}</td>
- <td>{{CompatGeckoMobile("5.0")}}{{property_prefix("-moz")}}<br>
- {{CompatGeckoMobile("16.0")}}</td>
- <td>10</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.animation-name")}}
<h2 id="Ver_también">Ver también</h2>
diff --git a/files/es/web/css/animation-play-state/index.html b/files/es/web/css/animation-play-state/index.html
index ea24e449de..3e4b3dc377 100644
--- a/files/es/web/css/animation-play-state/index.html
+++ b/files/es/web/css/animation-play-state/index.html
@@ -69,60 +69,7 @@ animation-play-state: unset;
<h2 id="Compatibilidad_entre_navegadores">Compatibilidad entre 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}}{{property_prefix("-webkit")}}<br>
- {{CompatChrome(43.0)}}</td>
- <td>{{CompatGeckoDesktop("5.0")}}{{property_prefix("-moz")}}<br>
- {{CompatGeckoDesktop("16.0")}}</td>
- <td>10</td>
- <td>12 {{property_prefix("-o")}}<br>
- 12.10</td>
- <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Chrome</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>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.animation-play-state")}}
<h2 id="sect2"> </h2>
diff --git a/files/es/web/css/animation-timing-function/index.html b/files/es/web/css/animation-timing-function/index.html
index 8658be73cf..7c6aea9297 100644
--- a/files/es/web/css/animation-timing-function/index.html
+++ b/files/es/web/css/animation-timing-function/index.html
@@ -77,59 +77,7 @@ animation-timing-function: unset;
<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidad entre 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}}{{property_prefix("-webkit")}}<br>
- {{CompatChrome(43.0)}}</td>
- <td>{{CompatGeckoDesktop("5.0")}}{{property_prefix("-moz")}}<br>
- {{CompatGeckoDesktop("16.0")}}</td>
- <td>10</td>
- <td>12 {{property_prefix("-o")}}<br>
- 12.10</td>
- <td>4.0{{property_prefix("-webkit")}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</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>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}</td>
- <td>{{CompatGeckoMobile("5.0")}}{{property_prefix("-moz")}}<br>
- {{CompatGeckoMobile("16.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>12{{property_prefix("-o")}}</td>
- <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.animation-timing-function")}}
<h2 id="sect1"> </h2>
diff --git a/files/es/web/css/animation/index.html b/files/es/web/css/animation/index.html
index 03e9ef8cb5..d903ec7283 100644
--- a/files/es/web/css/animation/index.html
+++ b/files/es/web/css/animation/index.html
@@ -68,56 +68,7 @@ translation_of: Web/CSS/animation
<h2 id="Browser_Compatibility" name="Browser_Compatibility"><nobr>Compatibilidad con navegadores</nobr></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() }}{{ property_prefix("-webkit") }}</td>
- <td>{{ CompatGeckoDesktop("5.0") }}{{ property_prefix("-moz") }}<br>
- {{ CompatGeckoDesktop("16.0") }}</td>
- <td>10</td>
- <td>12{{ property_prefix("-o") }}<br>
- 12.5 <a href="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot">#</a></td>
- <td>4.0{{ property_prefix("-webkit") }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatGeckoMobile("5.0") }}{{ property_prefix("-moz") }}<br>
- {{ CompatGeckoMobile("16.0") }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>iOS 2.0{{ property_prefix("-webkit") }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.animation")}}
<h2 id="Consulte_también"><nobr>Consulte también</nobr></h2>
diff --git a/files/es/web/css/appearance/index.html b/files/es/web/css/appearance/index.html
index 5974ec15ab..00759ebfa6 100644
--- a/files/es/web/css/appearance/index.html
+++ b/files/es/web/css/appearance/index.html
@@ -1496,57 +1496,7 @@ translation_of: Web/CSS/appearance
<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</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>1.0</td>
- <td>{{CompatGeckoDesktop("1.0")}}{{property_prefix("-moz")}}<sup>[1]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>3.0{{property_prefix("-webkit")}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile("1.0")}}</td>
- <td>11.0{{property_prefix("-webkit")}}<sup>[2]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] No está completamente soportada.</p>
-
-<p>[2] Solo los valores <code>none</code>, <code>button</code>, y <code>textfield</code> están soportados. Ver <a href="https://msdn.microsoft.com/en-us/library/ie/dn793580%28v=vs.85%29.aspx">la documentación en MSDN</a>.</p>
+{{Compat("css.properties.appearance")}}
<h2 id="Ver_también">Ver también</h2>
diff --git a/files/es/web/css/attr()/index.html b/files/es/web/css/attr()/index.html
index 7f78df0156..d47f8e6b88 100644
--- a/files/es/web/css/attr()/index.html
+++ b/files/es/web/css/attr()/index.html
@@ -179,68 +179,4 @@ translation_of: Web/CSS/attr()
<h2 id="Browser_compatibility">Browser compatibility</h2>
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>2.0</td>
- <td>{{ CompatGeckoDesktop(1.0) }}</td>
- <td>8</td>
- <td>9.0</td>
- <td>3.1</td>
- </tr>
- <tr>
- <td>Usage in other properties than {{cssxref("content")}} and with non-string values  {{ experimental_inline() }}</td>
- <td>{{CompatNo()}}</td>
- <td>{{CompatNo()}} (see {{bug("435426")}})</td>
- <td>{{CompatNo()}}</td>
- <td>{{CompatUnknown()}}</td>
- <td>{{CompatUnknown()}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>2.1</td>
- <td>{{ CompatGeckoMobile(1.0) }}</td>
- <td>8</td>
- <td>10.0</td>
- <td>3.1</td>
- </tr>
- <tr>
- <td>Usage in other properties than {{cssxref("content")}}and with non-string values  {{ experimental_inline() }}</td>
- <td>{{CompatUnknown()}}</td>
- <td>{{CompatNo()}} (see {{bug("435426")}})</td>
- <td>{{CompatNo()}}</td>
- <td>{{CompatUnknown()}}</td>
- <td>{{CompatUnknown()}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p> </p>
+{{Compat("css.types.attr")}}
diff --git a/files/es/web/css/backface-visibility/index.html b/files/es/web/css/backface-visibility/index.html
index 24bd8eb1e2..f9ef67ad1c 100644
--- a/files/es/web/css/backface-visibility/index.html
+++ b/files/es/web/css/backface-visibility/index.html
@@ -202,66 +202,7 @@ th, p, td {
<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>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>12{{property_prefix('-webkit')}}</td>
- <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}<br>
- {{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("10")}}{{property_prefix('-moz')}}<br>
- {{CompatGeckoDesktop("16")}}<sup>[1]</sup></td>
- <td>10</td>
- <td>15{{property_prefix('-webkit')}}</td>
- <td>{{CompatVersionUnknown}}{{property_prefix('-webkit')}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Edge</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>3.0{{property_prefix('-webkit')}}</td>
- <td>{{CompatVersionUnknown}}{{property_prefix('-webkit')}}</td>
- <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}<br>
- {{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile("10")}}{{property_prefix('-moz')}}<br>
- {{CompatGeckoMobile("16")}}<sup>[1]</sup></td>
- <td>8.1<br>
- <a href="https://msdn.microsoft.com/en-us/library/ie/hh772262(v=vs.85).aspx">11</a>{{property_prefix('-webkit')}}</td>
- <td>{{CompatVersionUnknown}}{{property_prefix('-webkit')}}</td>
- <td>{{CompatVersionUnknown}}{{property_prefix('-webkit')}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Además del soporte sin prefijo, Gecko 45.0 {{geckoRelease("45.0")}} añadió sopore para una versión de la propiedad con prefijo <code>-webkit</code> por razones de compatibilidad, bajo la preferencia <code>layout.css.prefixes.webkit</code>, con valor predeterminado de <code>false</code>. A partir de Gecko 49.0 {{geckoRelease("49.0")}} el valor predeterminado de esta preferencia es <code>true</code>.</p>
+{{Compat("css.properties.backface-visibility")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/background-blend-mode/index.html b/files/es/web/css/background-blend-mode/index.html
index 772665931b..436d548714 100644
--- a/files/es/web/css/background-blend-mode/index.html
+++ b/files/es/web/css/background-blend-mode/index.html
@@ -93,53 +93,7 @@ console.log(document.getElementById('div'));</pre>
<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidad en navegadores</h2>
-<p>{{CompatibilityTable()}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Caracteristica</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico </td>
- <td>35</td>
- <td>{{CompatGeckoDesktop('30.0')}}</td>
- <td>{{CompatNo()}}</td>
- <td>22</td>
- <td>7.1</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Caracteristica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo()}}</td>
- <td>{{CompatGeckoMobile('30.0')}}</td>
- <td>{{CompatNo()}}</td>
- <td>22</td>
- <td>iOS 8</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.background-blend-mode")}}
<h2 id="See_also" name="See_also">Véase también</h2>
diff --git a/files/es/web/css/background-clip/index.html b/files/es/web/css/background-clip/index.html
index 2c8b8daf79..55639dab35 100644
--- a/files/es/web/css/background-clip/index.html
+++ b/files/es/web/css/background-clip/index.html
@@ -91,77 +91,7 @@ background-clip: inherit
<h2 id="Compatibilidad_del_navegador"><font><font>Compatibilidad del navegador</font></font></h2>
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte basico</td>
- <td>1.0 [3]</td>
- <td>{{ CompatGeckoDesktop("2.0") }} [1]</td>
- <td>9.0 [2]</td>
- <td>10.5</td>
- <td>3.0 (522) [3]</td>
- </tr>
- <tr>
- <td><code>content-box</code></td>
- <td>1.0 [3]</td>
- <td>{{ CompatGeckoDesktop("2.0") }} [1]</td>
- <td>9.0 [2]</td>
- <td>12.0 (maybe earlier)</td>
- <td>3.0 (522) [3]</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>4.1</td>
- <td>{{ CompatGeckoMobile("14") }}</td>
- <td>7.1</td>
- <td>12.1</td>
- <td>{{ CompatVersionUnknown() }}</td>
- </tr>
- <tr>
- <td><code>content-box</code></td>
- <td>4.1</td>
- <td>{{ CompatGeckoMobile("14") }}</td>
- <td>7.1</td>
- <td>12.1</td>
- <td>{{ CompatVersionUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Gecko soportado, desde la version 1.1 a la version 1.9.2, <span class="short_text" id="result_box" lang="es"><span class="hps">que se corresponde con</span> <span class="hps">Firefox</span></span> 1.0 a 3.6 incluido, con una diferente sintaxis con prefijo: <code>-moz-background-clip: padding | border</code>.</p>
-
-<p>[2] Internet Explorer 7 soportado, <span id="result_box" lang="es"><span class="hps">pero</span> <span class="hps">en otras versiones de</span> <span class="hps">Internet Explorer</span> <span class="hps">se comporta como</span></span> <code>background-clip:padding</code> si <code>overflow es: hidden | auto | scroll</code>.</p>
-
-<p>[3]<span id="result_box" lang="es"><span class="hps">Webkit</span> <span class="hps">también es compatible con</span> <span class="hps">prefijo</span> en esta<span class="hps"> propiedad,</span> <span class="hps">y en ese caso</span><span>,</span> <span class="hps">además de las</span> <span class="hps">palabras clave</span> <span class="hps">actuales</span><span>,</span> <span class="hps">los</span> <span class="hps">sinónimos</span> <span class="hps">alternativas</span> <span class="hps">son</span></span>: <code>padding</code>, <code>border</code>, and <code>content</code>.</p>
-
-<p>[4] Konqueror 3.5.4 tiene soporte con<code> -khtml-background-clip</code>.</p>
+{{Compat("css.properties.background-clip")}}
<h2 id="Ver_también">Ver también</h2>
diff --git a/files/es/web/css/background-size/index.html b/files/es/web/css/background-size/index.html
index ab55376e89..1f46cea497 100644
--- a/files/es/web/css/background-size/index.html
+++ b/files/es/web/css/background-size/index.html
@@ -117,110 +117,7 @@ translation_of: Web/CSS/background-size
<h2 id="Browser_Compatibility" name="Browser_Compatibility">Compatibilidad de navegador</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 colspan="3">Safari (WebKit)</th>
- </tr>
- <tr>
- <td rowspan="2">Soporte Básico</td>
- <td>1.0{{ property_prefix("-webkit") }} [2]</td>
- <td>{{ CompatGeckoDesktop("1.9.2") }}{{ property_prefix("-moz") }} [4]</td>
- <td rowspan="2">9.0</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>
- <td rowspan="2"> </td>
- <td rowspan="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>Soporte para<br>
- <code>contain</code> y <code>cover</code></td>
- <td>3.0</td>
- <td>{{ CompatGeckoDesktop("1.9.2") }}</td>
- <td>9.0</td>
- <td>10.0</td>
- <td colspan="3">4.1 (532)</td>
- </tr>
- <tr>
- <td>Soporte para SVG backgrounds</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatGeckoDesktop("8.0") }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td colspan="3">{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Windows Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte Básico</td>
- <td>{{ CompatVersionUnknown() }}{{ property_prefix("-webkit") }}<br>
- 2.3</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- <tr>
- <td>Soporte para SVG backgrounds</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatGeckoMobile("8.0") }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p><span class="long_text" id="result_box" lang="es"><span class="hps">[1</span><span>]</span>  <span class="hps">Opera 9.5</span> <span class="atn hps">'</span><span>s calcula</span><span class="hps"> el área de</span> <span class="hps">posicionamiento</span> de background <span class="hps">es incorrecto</span> <span class="hps">para los background</span> <span class="hps">fijos.</span> <span class="hps">Opera</span> <span class="hps">9,5</span> <span class="hps">también</span> <span class="hps">interpreta la forma</span> <span class="hps">de dos valores</span> <span class="hps">como</span> <span class="hps">un factor de escala</span> <span class="hps">horizontal</span> <span class="hps">y</span><span>,</span> <span class="hps">por las apariencias,</span> <span class="hps">una dimensión</span> <span class="hps">de recorte vertical</span><span>.</span> <span class="hps">Esto ha</span> <span class="hps">sido arreglado en</span> <span class="hps">Opera 10.</span></span></p>
-
-<p>[2] WebKit-based browsers originally implemented an older draft of CSS3<code> background-size </code>in which an omitted second value is treated as <em>duplicating</em> the first value; this draft does not include the<code> contain </code>or<code> cover </code>keywords.</p>
-
-<p><span class="long_text" id="result_box"><span style="background-color: #ffffff;" title="[2] WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords.">[2] Los navegadores basados ​​en WebKit- originalmente implementado un proyecto anterior de background-size CSS3 en que se trata de un valor omitido segundo como duplicar el primer valor; este proyecto no incluye el cover o contain palabras claves.</span></span></p>
-
-<p>[3] Konqueror 3.5.4 <code>soportan -khtml-background-size</code>.</p>
-
-<p>[4] <span class="long_text" id="result_box" lang="es"><span>Si bien</span> <span class="hps">esta</span> <span class="hps">propiedad es nueva en</span> </span> Gecko 1.9.2 (Firefox 3.6), <span class="long_text" id="result_box" lang="es"><span class="gt-trans-draggable">es</span> <span class="gt-trans-draggable hps">posible estirar</span> <span class="gt-trans-draggable hps">una imagen completamente</span> <span class="gt-trans-draggable hps">sobre el fondo</span> <span class="gt-trans-draggable hps">en Firefox</span> <span class="gt-trans-draggable hps">3.5 usando</span></span> {{ cssxref("-moz-border-image") }}.</p>
-
-<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>
+{{Compat("css.properties.background-size")}}
<h2 id="Ver_también">Ver también</h2>
diff --git a/files/es/web/css/basic-shape/index.html b/files/es/web/css/basic-shape/index.html
index 7ebf5eb24b..3d3ac425e6 100644
--- a/files/es/web/css/basic-shape/index.html
+++ b/files/es/web/css/basic-shape/index.html
@@ -116,89 +116,7 @@ translation_of: Web/CSS/basic-shape
<h2 id="Browser_Compatibility" name="Browser_Compatibility">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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{compatVersionUnknown()}}</td>
- <td>{{CompatGeckoDesktop(47)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{compatVersionUnknown()}}</td>
- </tr>
- <tr>
- <td><code>inset()</code></td>
- <td>{{compatUnknown()}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{compatUnknown()}}</td>
- </tr>
- <tr>
- <td>Animaciones</td>
- <td>{{compatUnknown()}}</td>
- <td>{{CompatGeckoDesktop(49)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{compatUnknown()}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{compatVersionUnknown()}}</td>
- <td>{{compatVersionUnknown()}}</td>
- <td>{{CompatGeckoMobile(47)}} (behind a pref)</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{compatVersionUnknown()}}</td>
- </tr>
- <tr>
- <td><code>inset()</code></td>
- <td>{{compatUnknown()}}</td>
- <td>{{compatVersionUnknown()}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{compatUnknown()}}</td>
- </tr>
- <tr>
- <td>Animaciones</td>
- <td>{{compatUnknown()}}</td>
- <td>{{compatUnknown()}}</td>
- <td>{{CompatGeckoMobile(49)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{compatUnknown()}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.types.basic-shape")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/blend-mode/index.html b/files/es/web/css/blend-mode/index.html
index 850630faa9..2ba9e9de07 100644
--- a/files/es/web/css/blend-mode/index.html
+++ b/files/es/web/css/blend-mode/index.html
@@ -342,55 +342,7 @@ translation_of: Web/CSS/blend-mode
<h2 id="Browser_Compatibility" name="Browser_Compatibility">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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>35</td>
- <td>{{compatVersionUnknown()}}</td>
- <td>{{compatUnknown()}}</td>
- <td>{{compatUnknown()}}</td>
- <td>{{compatUnknown()}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{compatUnknown()}}</td>
- <td>{{compatUnknown()}}</td>
- <td>{{compatVersionUnknown()}}</td>
- <td>{{compatUnknown()}}</td>
- <td>{{compatUnknown()}}</td>
- <td>{{compatUnknown()}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.types.blend-mode")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/block-size/index.html b/files/es/web/css/block-size/index.html
index 08f544ab39..76d9aee85f 100644
--- a/files/es/web/css/block-size/index.html
+++ b/files/es/web/css/block-size/index.html
@@ -92,55 +92,7 @@ block-size: 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>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop("41.0")}}<sup>[1]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>CompatNo}}</td>
- <td>{{CompatGeckoMobile("41.0") }}<sup>[1]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Disponible desde Gecko 38, pero bajo la preferencia <code>layout.css.vertical-text.enabled</code>, deshabilitada de forma predeterminada. La preferencia fue removida en Gecko 51 y esta propiedad no puede ser deshabilitada desde dicha versión.</p>
+{{Compat("css.properties.block-size")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/border-block-end-color/index.html b/files/es/web/css/border-block-end-color/index.html
index cf1f7e49f4..64e65d7cf2 100644
--- a/files/es/web/css/border-block-end-color/index.html
+++ b/files/es/web/css/border-block-end-color/index.html
@@ -80,55 +80,7 @@ border-block-end-color: #F5F6F7;
<h2 id="Compatibilidad_en_navegadores">Compatibilidad en 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>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop("41.0")}}<sup>[1]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoMobile("41.0") }}<sup><a href="#compat_hint1">[1]</a></sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Disponible desde Gecko 38, pero bajo la preferencia <code>layout.css.vertical-text.enabled</code>, deshabilitada por defecto. La preferencia fue removida en Gecko 51 y esta propiedad no puede ser deshabilitada desde esta misma versión .</p>
+{{Compat("css.properties.border-block-end-color")}}
<h2 id="Mira_también">Mira también</h2>
diff --git a/files/es/web/css/border-block-end-style/index.html b/files/es/web/css/border-block-end-style/index.html
index f30dbb5d85..fb60a5c855 100644
--- a/files/es/web/css/border-block-end-style/index.html
+++ b/files/es/web/css/border-block-end-style/index.html
@@ -81,55 +81,7 @@ border-block-end-style: groove;
<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>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop("41.0")}}<sup>[1]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoMobile("41.0") }}<sup>[1]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Disponible desde Gecko 38, pero bajo la preferencia <code>layout.css.vertical-text.enabled</code>, deshabilitada por defecto. La preferencia fue removida en Gecko 51 y esta propiedad no puede ser deshabilitada desde esta misma versión.</p>
+{{Compat("css.properties.border-block-end-style")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/border-block-end/index.html b/files/es/web/css/border-block-end/index.html
index 342a7ab068..c6fcc6f7b4 100644
--- a/files/es/web/css/border-block-end/index.html
+++ b/files/es/web/css/border-block-end/index.html
@@ -86,55 +86,7 @@ border-block-end: medium dashed blue;
<h2 id="Compatibilidad_en_navegadores">Compatibilidad en 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>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop("41.0")}}<sup>[1]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoMobile("41.0") }}<sup>[1]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Disponible desde Gecko 38, pero bajo la preferencia <code>layout.css.vertical-text.enabled</code>, deshabilitada por defecto. La preferencia fue removida en Gecko 51 y esta propiedad no puede ser deshabilitada desde esta misma versión.</p>
+{{Compat("css.properties.border-block-end")}}
<h2 id="Mira_también">Mira también</h2>
diff --git a/files/es/web/css/border-bottom-left-radius/index.html b/files/es/web/css/border-bottom-left-radius/index.html
index fdfa04c2ce..7b8c243c3c 100644
--- a/files/es/web/css/border-bottom-left-radius/index.html
+++ b/files/es/web/css/border-bottom-left-radius/index.html
@@ -167,97 +167,7 @@ div {
<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>1.0 {{property_prefix("-webkit")}}<br>
- 4.0</td>
- <td>1.0 (1.0){{property_prefix("-moz")}}<sup>[1]</sup><br>
- 4.0 (2.0)<sup>[3]</sup></td>
- <td>9.0</td>
- <td>10.5</td>
- <td>3.0 (522){{property_prefix("-webkit")}}<br>
- 5.0 (532.5)</td>
- </tr>
- <tr>
- <td>Porcentajes</td>
- <td>4.0</td>
- <td>1.0 (1.0)<sup>[2]</sup><br>
- 4.0 (2.0)</td>
- <td>9.0</td>
- <td>10.5</td>
- <td>5.0 (532.5)</td>
- </tr>
- <tr>
- <td>Esquinas elípticas</td>
- <td>1.0</td>
- <td>3.5 (1.9.1)</td>
- <td>9.0</td>
- <td>10.5</td>
- <td>3.0 (522)</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}<sup>[3]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Porcentajes</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Esquinas elípticas</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] La versión con prefijo (permitida desde Firefox 1 hasta Firefox 12) de esta propiedad usaba otro nombre, <code>-moz-border-radius-bottomleft</code>, distinto al de la propiedad final, ya que Mozilla lo implementó antes de que se determinara el nombre final.</p>
-
-<p>[2] Antes de Firefox 4, el valor {{cssxref("&lt;percentage&gt;")}} era relativo a la anchura de la caja, incluso al especificar el radio para la altura. Esto implicaba que <code>-moz-border-radius-bottomleft</code> siempre dibujaba un arco de círculo, y nunca una elipse, cuando se establecía un valor único.</p>
-
-<p>[3] Previo a Gecko 50.0 {{geckoRelease("50.0")}}, los estilos de bordes de esquinas redondeadas siempre se dibujaban como si <code>border-style</code> tuviera valor <code>solid</code>. Esto fue solucionado en Gecko 50.0.</p>
-
-<p>Además del soporte a la versión sin prefijo, Gecko 44.0 {{geckoRelease("44.0")}} añadió soporte a la versión con prefijo <code>-webkit</code> de la propiedad, por razones de compatibilidad, usando la preferencia <code>layout.css.prefixes.webkit</code>, con valor predeterminado <code>false</code>. Desde Gecko 49.0 {{geckoRelease("49.0")}}, el valor predeterminado de la preferencia es <code>true</code>.</p>
+{{Compat("css.properties.border-bottom-left-radius")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/border-bottom-right-radius/index.html b/files/es/web/css/border-bottom-right-radius/index.html
index 97a439af5e..712e102a24 100644
--- a/files/es/web/css/border-bottom-right-radius/index.html
+++ b/files/es/web/css/border-bottom-right-radius/index.html
@@ -167,97 +167,7 @@ div {
<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>1.0 {{property_prefix("-webkit")}}<br>
- 4.0</td>
- <td>1.0 (1.0){{property_prefix("-moz")}}<sup>[1]</sup><br>
- 4.0 (2.0)<sup>[3]</sup></td>
- <td>9.0</td>
- <td>10.5</td>
- <td>3.0 (522){{property_prefix("-webkit")}}<br>
- 5.0 (532.5)</td>
- </tr>
- <tr>
- <td>Porcentajes</td>
- <td>4.0</td>
- <td>1.0 (1.0)<sup>[2]</sup><br>
- 4.0 (2.0)</td>
- <td>9.0</td>
- <td>10.5</td>
- <td>5.0 (532.5)</td>
- </tr>
- <tr>
- <td>Esquinas elípticas</td>
- <td>1.0</td>
- <td>3.5 (1.9.1)</td>
- <td>9.0</td>
- <td>10.5</td>
- <td>3.0 (522)</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}<sup>[3]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Porcentajes</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Esquinas elípticas</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] La versión con prefijo (permitida desde Firefox 1 hasta Firefox 12) de esta propiedad usaba otro nombre, <code>-moz-border-radius-bottomright</code>, distinto al de la propiedad final, ya que Mozilla lo implementó antes de que se determinara el nombre final.</p>
-
-<p>[2] Antes de Firefox 4, el valor {{cssxref("&lt;percentage&gt;")}} era relativo a la anchura de la caja, incluso al especificar el radio para la altura. Esto implicaba que <code>-moz-border-radius-bottomright</code> siempre dibujaba un arco de círculo, y nunca una elipse, cuando se establecía un valor único.</p>
-
-<p>[3] Previo a  Gecko 50.0 {{geckoRelease("50.0")}}, los estilos de bordes de esquinas redondeadas siempre se dibujaban como si <code>border-style</code> tuviera valor <code>solid</code>. Esto fue solucionado en Gecko 50.0.</p>
-
-<p>Además del soporte a la versión sin prefijo, Gecko 44.0 {{geckoRelease("44.0")}} añadió soporte a la versión con prefijo <code>-webkit</code> de la propiedad, por razones de compatibilidad, usando la preferencia <code>layout.css.prefixes.webkit</code>, con valor predeterminado <code>false</code>. Desde Gecko 49.0 {{geckoRelease("49.0")}} el valor predeterminado de la preferencia es <code>true</code>.</p>
+{{Compat("css.properties.border-bottom-right-radius")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/border-image-outset/index.html b/files/es/web/css/border-image-outset/index.html
index 2c63f0a91d..0a487d14c8 100644
--- a/files/es/web/css/border-image-outset/index.html
+++ b/files/es/web/css/border-image-outset/index.html
@@ -85,54 +85,4 @@ border-image-outset: inherit;
<h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2>
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>15.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("15.0")}}</td>
- <td>11</td>
- <td>15</td>
- <td>6</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Edge</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile("15.0")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.border-image-outset")}}
diff --git a/files/es/web/css/border-image-slice/index.html b/files/es/web/css/border-image-slice/index.html
index e8fcda384a..2bece42556 100644
--- a/files/es/web/css/border-image-slice/index.html
+++ b/files/es/web/css/border-image-slice/index.html
@@ -96,61 +96,7 @@ border-image-slice: unset;
<h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2>
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>15.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("15.0")}}<sup>[1]</sup></td>
- <td>11</td>
- <td>15</td>
- <td>6</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Edge</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>4.1{{property_prefix("-webkit")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile("15.0")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Hasta Gecko 47.0 {{geckoRelease("47.0")}} las imágenes SVGs sin viewport no eran divididas correctamente ({{bug("619500")}}). A partir de Gecko 48.0 {{geckoRelease("48.0")}} son mostradas igual que los SVGs con viewport, aunque si las partes no son exactamente el 50%, son ajustadas incorrectamente ({{bug("1264809")}}). Esto fue arreglado en Gecko 49.0 {{geckoRelease("49.0")}}, aunque aun hay un problema con los SVGs sin viewport donde <a href="https://wiki.mozilla.org/Electrolysis">e10s</a> es deshabilitado ({{bug("1284798")}}).</p>
-
-<p>También, SVGs pequeños son ajustados incorrectamente, porque los porcentajes en {{cssxref("border-image-slice")}} son calculados como enteros, en vez de reales ({{bug("1284797")}}).</p>
+{{Compat("css.properties.border-image-slice")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/border-image/index.html b/files/es/web/css/border-image/index.html
index a2f2ca8c26..3f7c6ef052 100644
--- a/files/es/web/css/border-image/index.html
+++ b/files/es/web/css/border-image/index.html
@@ -95,105 +95,4 @@ translation_of: Web/CSS/border-image
<h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2>
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>
- <p>{{CompatGeckoDesktop("1.9.1")}}{{property_prefix("-moz")}} [1]</p>
-
- <p>Without prefix since {{CompatGeckoDesktop("15")}}</p>
- </td>
- <td>
- <p>7.0{{property_prefix("-webkit")}}</p>
-
- <p>Without prefix since 16.0</p>
- </td>
- <td>
- <p><span style="line-height: 1.5;">11</span></p>
- </td>
- <td>
- <p>10.5 / 11.0{{property_prefix("-o")}} [2]</p>
-
- <p>Without prefix since 15.0</p>
- </td>
- <td>
- <p>3.0{{property_prefix("-webkit")}}</p>
-
- <p>Without prefix since 6.0</p>
- </td>
- </tr>
- <tr>
- <td>optional <code>&lt;border-image-slice&gt;</code></td>
- <td>{{CompatGeckoDesktop("15")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>fill</code> keyword</td>
- <td>{{CompatGeckoDesktop("15")}}</td>
- <td>Yes</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>Yes (6)</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>iOS Safari</th>
- <th>Opera Mini</th>
- <th>Opera Mobile</th>
- <th>Android Browser</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>
- <p>3.2{{property_prefix("-webkit")}}</p>
-
- <p>Without prefix since {{CompatGeckoMobile("15")}}</p>
- </td>
- <td>{{CompatNo}}</td>
- <td>11.0{{property_prefix("-o")}}</td>
- <td>2.1{{property_prefix("-webkit")}}</td>
- </tr>
- <tr>
- <td>optional <code>&lt;border-image-slice&gt;</code></td>
- <td>{{CompatGeckoMobile("15")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>fill</code> keyword</td>
- <td>{{CompatGeckoMobile("15")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>Yes(18)</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<ul>
- <li>[1] An earlier version of the specification was implemented, prefixed, in Gecko versions prior to 15.</li>
- <li>[2] For Opera, the prefixed property was added <em>after</em> the non-prefixed.</li>
-</ul>
+{{Compat("css.properties.border-image")}}
diff --git a/files/es/web/css/border-left/index.html b/files/es/web/css/border-left/index.html
index 8c2b4d55ed..d788c1e5ad 100644
--- a/files/es/web/css/border-left/index.html
+++ b/files/es/web/css/border-left/index.html
@@ -71,50 +71,4 @@ translation_of: Web/CSS/border-left
<h2 id="Browser_compatibility" name="Browser_compatibility">Browser compatibility</h2>
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>1.0</td>
- <td>{{ CompatGeckoDesktop("1.0") }}</td>
- <td>4</td>
- <td>3.5</td>
- <td>1.0 (85)</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>1.0</td>
- <td>{{ CompatGeckoMobile("1.0") }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.border-left")}}
diff --git a/files/es/web/css/border-top-left-radius/index.html b/files/es/web/css/border-top-left-radius/index.html
index 5a2544c47f..8623b0dbea 100644
--- a/files/es/web/css/border-top-left-radius/index.html
+++ b/files/es/web/css/border-top-left-radius/index.html
@@ -155,97 +155,7 @@ div {
<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>1.0 {{property_prefix("-webkit")}}<br>
- 4.0</td>
- <td>1.0 (1.0){{property_prefix("-moz")}}<sup>[1]</sup><br>
- 4.0 (2.0)<sup>[3]</sup></td>
- <td>9.0</td>
- <td>10.5</td>
- <td>3.0 (522){{property_prefix("-webkit")}}<br>
- 5.0 (532.5)</td>
- </tr>
- <tr>
- <td>Porcentajes</td>
- <td>4.0</td>
- <td>1.0 (1.0)<sup>[2]</sup><br>
- 4.0 (2.0)</td>
- <td>9.0</td>
- <td>10.5</td>
- <td>5.0 (532.5)</td>
- </tr>
- <tr>
- <td>Esquinas elípticas</td>
- <td>1.0</td>
- <td>3.5 (1.9.1)</td>
- <td>9.0</td>
- <td>10.5</td>
- <td>3.0 (522)</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}<sup>[3]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Porcentajes</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Esquinas elípticas</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] La versión con prefijo (permitida desde Firefox 1 hasta Firefox 12) de esta propiedad usaba otro nombre, <code>-moz-border-radius-topleft</code>, distinto al de la propiedad final, ya que Mozilla lo implementó antes de que se determinara el nombre final.</p>
-
-<p>[2] Antes de Firefox 4, el valor {{cssxref("&lt;percentage&gt;")}} era relativo a la anchura de la caja, incluso al especificar el radio para la altura. Esto implicaba que <code>-moz-border-radius-topleft</code> siempre dibujaba un arco de círculo, y nunca una elipse, cuando se establecía un valor único.</p>
-
-<p>[3] Previo a Gecko 50.0 {{geckoRelease("50.0")}}, los estilos de bordes de esquinas redondeadas siempre se dibujaban como si <code>border-style</code> tuviera valor <code>solid</code>. Esto fue solucionado en Gecko 50.0.</p>
-
-<p>Además del soporte a la versión sin prefijo, Gecko 44.0 {{geckoRelease("44.0")}} añadió soporte a la versión con prefijo <code>-webkit</code> de la propiedad, por razones de compatibilidad, usando la preferencia <code>layout.css.prefixes.webkit</code>, con valor predeterminado <code>false</code>. Desde Gecko 49.0 {{geckoRelease("49.0")}} el valor predeterminado de la preferencia es <code>true</code>.</p>
+{{Compat("css.properties.border-top-left-radius")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/border-top-right-radius/index.html b/files/es/web/css/border-top-right-radius/index.html
index 0204085032..7ab7a1a508 100644
--- a/files/es/web/css/border-top-right-radius/index.html
+++ b/files/es/web/css/border-top-right-radius/index.html
@@ -159,97 +159,7 @@ div {
<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>1.0 {{property_prefix("-webkit")}}<br>
- 4.0</td>
- <td>1.0 (1.0){{property_prefix("-moz")}}<sup>[1]</sup><br>
- 4.0 (2.0)<sup>[3]</sup></td>
- <td>9.0</td>
- <td>10.5</td>
- <td>3.0 (522){{property_prefix("-webkit")}}<br>
- 5.0 (532.5)</td>
- </tr>
- <tr>
- <td>Porcentajes</td>
- <td>4.0</td>
- <td>1.0 (1.0)<sup>[2]</sup><br>
- 4.0 (2.0)</td>
- <td>9.0</td>
- <td>10.5</td>
- <td>5.0 (532.5)</td>
- </tr>
- <tr>
- <td>Esquinas elípticas</td>
- <td>1.0</td>
- <td>3.5 (1.9.1)</td>
- <td>9.0</td>
- <td>10.5</td>
- <td>3.0 (522)</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}<sup>[3]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Porcentajes</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Esquinas elípticas</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] La versión con prefijo (permitida desde Firefox 1 hasta Firefox 12) de esta propiedad usaba otro nombre, <code>-moz-border-radius-topright</code>, distinto al de la propiedad final, ya que Mozilla lo implementó antes de que se determinara el nombre final.</p>
-
-<p>[2] Antes de Firefox 4, el valor {{cssxref("&lt;percentage&gt;")}} era relativo a la anchura de la caja, incluso al especificar el radio para la altura. Esto implicaba que <code>-moz-border-radius-topright</code> siempre dibujaba un arco de círculo, y nunca una elipse, cuando se establecía un valor único.</p>
-
-<p>[3] Previo a Gecko 50.0 {{geckoRelease("50.0")}}, los estilos de bordes de esquinas redondeadas siempre se dibujaban como si <code>border-style</code> tuviera valor <code>solid</code>. tuviera valor <code>solid</code>. Esto fue solucionado en Gecko 50.0.</p>
-
-<p>Además del soporte a la versión sin prefijo, Gecko 44.0 {{geckoRelease("44.0")}} añadió soporte a la versión con prefijo <code>-webkit</code> de la propiedad, por razones de compatibilidad, usando la preferencia <code>layout.css.prefixes.webkit</code>, con valor predeterminado <code>false</code>. Desde Gecko 49.0 {{geckoRelease("49.0")}} el valor predeterminado de la preferencia es <code>true</code>.</p>
+{{Compat("css.properties.border-top-right-radius")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/border-top/index.html b/files/es/web/css/border-top/index.html
index 21a2f9def1..680b520ae1 100644
--- a/files/es/web/css/border-top/index.html
+++ b/files/es/web/css/border-top/index.html
@@ -102,50 +102,4 @@ border-top: medium dashed green;
<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidad con navegadores</h2>
-<div>{{CompatibilityTable}}</div>
-
-<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>1.0</td>
- <td>{{CompatGeckoDesktop("1.0")}}</td>
- <td>4</td>
- <td>3.5</td>
- <td>1.0 (85)</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>1.0</td>
- <td>{{CompatGeckoMobile("1.0")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.border-top")}}
diff --git a/files/es/web/css/box-flex/index.html b/files/es/web/css/box-flex/index.html
index 17b7f96761..b7ec9267c9 100644
--- a/files/es/web/css/box-flex/index.html
+++ b/files/es/web/css/box-flex/index.html
@@ -101,55 +101,7 @@ original_slug: Web/CSS/-moz-box-flex
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>característica</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.box-flex")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/box-pack/index.html b/files/es/web/css/box-pack/index.html
index d893c2fafb..0244d2e2ac 100644
--- a/files/es/web/css/box-pack/index.html
+++ b/files/es/web/css/box-pack/index.html
@@ -130,55 +130,7 @@ div.example p {
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.box-pack")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/calc()/index.html b/files/es/web/css/calc()/index.html
index def61847cd..c1f2f6c1d4 100644
--- a/files/es/web/css/calc()/index.html
+++ b/files/es/web/css/calc()/index.html
@@ -124,73 +124,7 @@ Los operadores <code>* y</code> <code>/</code> no requieren espacio en blanco, p
<h2 id="Compatibilidad_en_navegadores">Compatibilidad en navegadores</h2>
-<div>{{CompatibilityTable}}</div>
-
-<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>19 (WebKit 536.3) {{property_prefix("-webkit")}}<br>
- 26</td>
- <td>{{CompatGeckoDesktop("2")}} {{property_prefix("-moz")}}<br>
- {{CompatGeckoDesktop("16")}}</td>
- <td>9</td>
- <td>-</td>
- <td>6 {{property_prefix("-webkit")}} (buggy)</td>
- </tr>
- <tr>
- <td>On gradients' color stops</td>
- <td>19 (WebKit 536.3) {{property_prefix("-webkit")}}<br>
- 27 (maybe 26)</td>
- <td>{{CompatGeckoDesktop("19")}}</td>
- <td>9</td>
- <td>-</td>
- <td>6 {{property_prefix("-webkit")}} (buggy)</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile("2")}} {{property_prefix("-moz")}}<br>
- {{CompatGeckoMobile("16")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>On gradients' color stops</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile("19")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.types.calc")}}
<h2 id="See_also" name="See_also">Ver también</h2>
diff --git a/files/es/web/css/caret-color/index.html b/files/es/web/css/caret-color/index.html
index 9fedbba62a..51f0f267af 100644
--- a/files/es/web/css/caret-color/index.html
+++ b/files/es/web/css/caret-color/index.html
@@ -86,66 +86,4 @@ caret-color: hsla(228, 4%, 24%, 0.8);
<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>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatChrome("57")}}</td>
- <td>
- <p>Edge 38.1</p>
- </td>
- <td>{{CompatGeckoDesktop("53.0")}}</td>
- <td>
- <p>Internet Explorer 11 </p>
- </td>
- <td>{{CompatOpera("44")}}</td>
- <td>
- <p>{{CompatNo}} </p>
-
- <p>system caret</p>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android Webview</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatChrome("57")}}</td>
- <td>{{CompatChrome("57")}}</td>
- <td>{{CompatGeckoMobile("53.0")}}</td>
- <td>{{CompatNo}}
- <p>font color</p>
- </td>
- <td>{{CompatOperaMobile("44")}}</td>
- <td>{{CompatNo}}
- <p>system caret</p>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.caret-color")}}
diff --git a/files/es/web/css/child_combinator/index.html b/files/es/web/css/child_combinator/index.html
index b191b809fd..af713eaada 100644
--- a/files/es/web/css/child_combinator/index.html
+++ b/files/es/web/css/child_combinator/index.html
@@ -66,54 +66,4 @@ div &gt; span {
<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>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>7.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Edge</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</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>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.selectors.child")}}
diff --git a/files/es/web/css/class_selectors/index.html b/files/es/web/css/class_selectors/index.html
index 382be6e07e..62b8dfc51a 100644
--- a/files/es/web/css/class_selectors/index.html
+++ b/files/es/web/css/class_selectors/index.html
@@ -73,56 +73,4 @@ translation_of: Web/CSS/Class_selectors
<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>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Edge</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.selectors.class")}}
diff --git a/files/es/web/css/clip/index.html b/files/es/web/css/clip/index.html
index 73098f51d9..dfe1186015 100644
--- a/files/es/web/css/clip/index.html
+++ b/files/es/web/css/clip/index.html
@@ -89,57 +89,7 @@ clip: inherit</pre>
<h2 id="Browser_Compatibility" name="Browser_Compatibility">Compatibilidad entre exploradores</h2>
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Función</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td rowspan="2">Soporte básico</td>
- <td rowspan="2">1.0</td>
- <td rowspan="2">1.0 (1.0)</td>
- <td>4.0</td>
- <td rowspan="2">7.0</td>
- <td rowspan="2">1.0 (85)</td>
- </tr>
- <tr>
- <td>8.0<br>
- En esta versión es soportada la sintaxis correcta con coma.</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Función</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.clip")}}
<h2 id="Ver_también">Ver también</h2>
diff --git a/files/es/web/css/color_value/index.html b/files/es/web/css/color_value/index.html
index 6519e15db0..0f98f05a46 100644
--- a/files/es/web/css/color_value/index.html
+++ b/files/es/web/css/color_value/index.html
@@ -1276,137 +1276,7 @@ hsla(240,100%,50%, 1) <span style="background: hsla(240,100%,50%,1);"> /* ful
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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>palabras clave de colores</td>
- <td>1.0</td>
- <td>1.0 (1.0)</td>
- <td>3.0 <sup>[1]</sup></td>
- <td>3.5</td>
- <td>1.0 (85)</td>
- </tr>
- <tr>
- <td><code>#RRGGBB</code> | <code>#RGB</code></td>
- <td>1.0</td>
- <td>1.0 (1.0)</td>
- <td>3.0</td>
- <td>3.5</td>
- <td>1.0 (85)</td>
- </tr>
- <tr>
- <td><code>rgb()</code></td>
- <td>1.0</td>
- <td>1.0 (1.0)</td>
- <td>4.0</td>
- <td>3.5</td>
- <td>1.0 (85)</td>
- </tr>
- <tr>
- <td><code>hsl()</code></td>
- <td>1.0</td>
- <td>1.0 (1.5)</td>
- <td>9.0</td>
- <td>9.5</td>
- <td>3.1 (525)</td>
- </tr>
- <tr>
- <td><code>rgba()</code></td>
- <td>1.0</td>
- <td>3.0 (1.9)</td>
- <td>9.0</td>
- <td>10.0</td>
- <td>3.1 (525)</td>
- </tr>
- <tr>
- <td><code>hsla()</code></td>
- <td>1.0</td>
- <td>3.0 (1.9)</td>
- <td>9.0</td>
- <td>10.0</td>
- <td>3.1 (525)</td>
- </tr>
- <tr>
- <td><code>currentColor</code></td>
- <td>1.0</td>
- <td>1.5 (1.8)</td>
- <td>9.0</td>
- <td>9.5</td>
- <td>4.0 (528)</td>
- </tr>
- <tr>
- <td><code>transparent</code></td>
- <td>1.0</td>
- <td>3.0 (1.9)</td>
- <td>9.0 <sup>[2]</sup></td>
- <td>10.0</td>
- <td>3.1 (525)</td>
- </tr>
- <tr>
- <td><code>rebeccapurple</code></td>
- <td>38.0</td>
- <td>{{CompatGeckoDesktop("33")}}</td>
- <td>11</td>
- <td>25.0</td>
- <td>7.1</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>rgba()</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>rebeccapurple</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile("33")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>8</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Los colores  'e'-grey (con una e) (<code>grey</code>, <code>darkgrey</code>, <code>darkslategrey</code>, <code>dimgrey</code>, <code>lightgrey</code>, <code>lightslategrey</code>) sólo son soportados a partir de IE 8.0. De IE 3 a IE 7 sólo son soportadas las variantes con 'a': <code>gray</code>, <code>darkgray</code>, <code>darkslategray</code>, <code>dimgray</code>, <code>lightgray</code>, <code>lightslategray</code>.</p>
-
-<p>[2] IE 7-8 soporta la palabra clave <code>transparent</code> sólo para  {{Cssxref("background")}} y {{cssxref("border")}}. <code>color: transparent;</code> es equivalente a negro en IE. IE6 renderiza también como negros los bordes transparentes.</p>
+{{Compat("css.types.color")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/css_animations/index.html b/files/es/web/css/css_animations/index.html
index 7c953b2359..98e4d064d0 100644
--- a/files/es/web/css/css_animations/index.html
+++ b/files/es/web/css/css_animations/index.html
@@ -70,62 +70,7 @@ translation_of: Web/CSS/CSS_Animations
<h2 id="Browser_compatibility">Browser compatibility</h2>
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}<br>
- 43.0</td>
- <td>{{CompatGeckoDesktop("5.0")}}{{property_prefix("-moz")}}<br>
- {{CompatGeckoDesktop("16.0")}}</td>
- <td>10</td>
- <td>12{{property_prefix("-o")}}<br>
- 12.10<sup>[2]</sup></td>
- <td>4.0{{property_prefix("-webkit")}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>2.1 {{property_prefix("-webkit")}} [1]<br>
- 4.0 {{property_prefix("-webkit")}}</td>
- <td>{{CompatGeckoMobile("5.0")}}{{property_prefix("-moz")}}<br>
- {{CompatGeckoMobile("16.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Partial support: {{cssxref("animation-fill-mode")}} property is not supported in Android browser below 2.3.</p>
-
-<p>[2] See the <a href="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot">release notes to Opera 12.50</a>.</p>
+{{Compat("css.properties.animation")}}
<h2 id="See_also">See also</h2>
diff --git a/files/es/web/css/css_backgrounds_and_borders/index.html b/files/es/web/css/css_backgrounds_and_borders/index.html
index 3c843d9d45..526b1f8dc4 100644
--- a/files/es/web/css/css_backgrounds_and_borders/index.html
+++ b/files/es/web/css/css_backgrounds_and_borders/index.html
@@ -105,52 +105,4 @@ original_slug: Web/CSS/CSS_Background_and_Borders
</tbody>
</table>
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-<p>{{CompatibilityTable()}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>1.0</td>
- <td>{{CompatGeckoDesktop("1.0")}}</td>
- <td>4.0</td>
- <td>3.5</td>
- <td>1.0 (85)</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatVersionUnknown()}}</td>
- <td>{{CompatGeckoMobile("1.9.2")}}</td>
- <td>{{CompatVersionUnknown()}}</td>
- <td>{{CompatVersionUnknown()}}</td>
- <td>1.0</td>
- </tr>
- </tbody>
-</table>
-</div>
diff --git a/files/es/web/css/css_box_model/index.html b/files/es/web/css/css_box_model/index.html
index c051e7e720..eb8e0adf27 100644
--- a/files/es/web/css/css_box_model/index.html
+++ b/files/es/web/css/css_box_model/index.html
@@ -115,52 +115,4 @@ original_slug: Web/CSS/CSS_Modelo_Caja
</tbody>
</table>
-<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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>1.0</td>
- <td>{{CompatGeckoDesktop("1")}}</td>
- <td>3.0</td>
- <td>3.5</td>
- <td>1.0 (85)</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>1.0</td>
- <td>{{CompatGeckoMobile("1")}}</td>
- <td>6.0</td>
- <td>6.0</td>
- <td>1.0</td>
- </tr>
- </tbody>
-</table>
-</div>
diff --git a/files/es/web/css/css_color/index.html b/files/es/web/css/css_color/index.html
index 5373c54dfd..40775feb29 100644
--- a/files/es/web/css/css_color/index.html
+++ b/files/es/web/css/css_color/index.html
@@ -66,53 +66,17 @@ original_slug: Web/CSS/CSS_Colors
<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>
-<div>{{CompatibilityTable}}</div>
+<h3><code>color</code> property</h3>
-<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</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>1.0</td>
- <td>{{CompatGeckoDesktop("1")}}</td>
- <td>3.0</td>
- <td>3.5</td>
- <td>1.0</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.color")}}
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>1.0</td>
- <td>{{CompatGeckoMobile("1")}}</td>
- <td>6.0</td>
- <td>6.0</td>
- <td>1.0</td>
- </tr>
- </tbody>
-</table>
-</div>
+<h3><code>print-color-adjust</code> property</h3>
+
+{{Compat("css.properties.print-color-adjust")}}
+
+<h3><code>opacity</code> property</h3>
+
+{{Compat("css.properties.opacity")}}
<h2 id="Ver_también">Ver también</h2>
diff --git a/files/es/web/css/css_columns/index.html b/files/es/web/css/css_columns/index.html
index 712958a401..6c2743cdc2 100644
--- a/files/es/web/css/css_columns/index.html
+++ b/files/es/web/css/css_columns/index.html
@@ -60,54 +60,4 @@ original_slug: Web/CSS/Columnas_CSS
</tbody>
</table>
-<h2 id="Compatibilidad_en_navegadores">Compatibilidad en 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}} {{property_prefix('-webkit')}}</td>
- <td>{{CompatGeckoDesktop(9)}}{{property_prefix('-moz')}}</td>
- <td>10</td>
- <td>11.10<br>
- 15{{property_prefix('-webkit')}}</td>
- <td>3.0 (522){{property_prefix('-webkit')}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>2.1{{property_prefix('-webkit')}}</td>
- <td>{{compatGeckoMobile(22)}}{{property_prefix('-moz')}}</td>
- <td>10</td>
- <td>11.5<br>
- 32{{property_prefix('-webkit')}}</td>
- <td>3.2{{property_prefix('-webkit')}}</td>
- </tr>
- </tbody>
-</table>
-</div>
diff --git a/files/es/web/css/css_conditional_rules/index.html b/files/es/web/css/css_conditional_rules/index.html
index a635d59d29..1ba95e3d59 100644
--- a/files/es/web/css/css_conditional_rules/index.html
+++ b/files/es/web/css/css_conditional_rules/index.html
@@ -49,52 +49,18 @@ original_slug: Web/CSS/CSS_Reglas_Condicionales
<h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2>
-<p>{{CompatibilityTable}}</p>
+<h3><code>@document</code> rule</h3>
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Catacterística</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte Básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.at-rules.document")}}
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Catacterística</th>
- <th>Android</th>
- <th>Chrome para Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte Básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+<h3><code>@import</code> rule</h3>
+
+{{Compat("css.at-rules.import")}}
+
+<h3><code>@media</code> rule</h3>
+
+{{Compat("css.at-rules.media")}}
+
+<h3><code>@supports</code> rule</h3>
+
+{{Compat("css.at-rules.supports")}} \ No newline at end of file
diff --git a/files/es/web/css/css_fonts/index.html b/files/es/web/css/css_fonts/index.html
index f3d6ebe59a..3f3593e3a1 100644
--- a/files/es/web/css/css_fonts/index.html
+++ b/files/es/web/css/css_fonts/index.html
@@ -96,53 +96,4 @@ translation_of: Web/CSS/CSS_Fonts
</tbody>
</table>
-<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</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>1.0</td>
- <td>1.0 (1.0)</td>
- <td>3.0</td>
- <td>3.5</td>
- <td>1.0 (85)</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte<br>
- básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
diff --git a/files/es/web/css/css_positioning/index.html b/files/es/web/css/css_positioning/index.html
index 84e1b5036f..4e9c30c60b 100644
--- a/files/es/web/css/css_positioning/index.html
+++ b/files/es/web/css/css_positioning/index.html
@@ -64,52 +64,4 @@ translation_of: Web/CSS/CSS_Positioning
</tbody>
</table>
-<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>1.0</td>
- <td>{{ CompatGeckoDesktop("1") }}</td>
- <td>5.0</td>
- <td>6.0</td>
- <td>1.0 (85)</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>1.0</td>
- <td>{{ CompatGeckoMobile("1") }}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
diff --git a/files/es/web/css/css_selectors/index.html b/files/es/web/css/css_selectors/index.html
index 5de0029117..ec39e9c3a3 100644
--- a/files/es/web/css/css_selectors/index.html
+++ b/files/es/web/css/css_selectors/index.html
@@ -114,52 +114,4 @@ original_slug: Web/CSS/Selectores_CSS
</tbody>
</table>
-<h2 id="Compatibilidad_en_navegadores">Compatibilidad en navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>1</td>
- <td>{{CompatGeckoDesktop("1")}}</td>
- <td>3.0</td>
- <td>3.5</td>
- <td>1.0</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>1.5</td>
- <td>{{CompatGeckoMobile("1.9.2")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>3.2</td>
- </tr>
- </tbody>
-</table>
-</div>
diff --git a/files/es/web/css/css_text/index.html b/files/es/web/css/css_text/index.html
index af13e59ba3..661573f1de 100644
--- a/files/es/web/css/css_text/index.html
+++ b/files/es/web/css/css_text/index.html
@@ -73,52 +73,4 @@ original_slug: Web/CSS/Texto_CSS
</tbody>
</table>
-<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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>1.0</td>
- <td>{{CompatGeckoDesktop(1.0)}}</td>
- <td>3</td>
- <td>3.5</td>
- <td>1.0 (85)</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>1.0 (85)</td>
- </tr>
- </tbody>
-</table>
-</div>
diff --git a/files/es/web/css/css_transforms/index.html b/files/es/web/css/css_transforms/index.html
index 0467567c73..d7b94b3bcd 100644
--- a/files/es/web/css/css_transforms/index.html
+++ b/files/es/web/css/css_transforms/index.html
@@ -49,97 +49,4 @@ translation_of: Web/CSS/CSS_Transforms
</tbody>
</table>
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>
- <p>{{CompatVersionUnknown}} {{property_prefix("-webkit")}}<br>
- 36</p>
- </td>
- <td>{{CompatGeckoDesktop("1.9.1")}}{{property_prefix("-moz")}}<sup>[1]</sup><br>
- {{CompatGeckoDesktop("16.0")}}<sup>[2]</sup></td>
- <td>9.0{{property_prefix("-ms")}}<sup>[3]</sup><br>
- 10.0</td>
- <td>10.5{{property_prefix("-o")}}<br>
- 12.10<br>
- 15.0{{property_prefix("-webkit")}}<br>
- 23</td>
- <td>3.1{{property_prefix("-webkit")}}</td>
- </tr>
- <tr>
- <td>3D Support</td>
- <td>12.0{{property_prefix("-webkit")}}<br>
- 36</td>
- <td>10.0{{property_prefix("-moz")}}<br>
- {{CompatGeckoDesktop("16.0")}}</td>
- <td>10.0</td>
- <td>15.0{{property_prefix("-webkit")}}<br>
- 23</td>
- <td>4.0{{property_prefix("-webkit")}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatAndroid(2.1)}}{{property_prefix("-webkit")}}<sup>[4]</sup></td>
- <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}<br>
- 11.0{{property_prefix("-webkit")}}<sup>[5]</sup></td>
- <td>11.5{{property_prefix("-webkit")}}</td>
- <td>3.2 {{CompatVersionUnknown}}{{property_prefix("-webkit")}}</td>
- </tr>
- <tr>
- <td>3D Support</td>
- <td>{{CompatAndroid(3.0)}}{{property_prefix("-webkit")}}</td>
- <td>{{CompatVersionUnknown}}{{ property_prefix("-webkit")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>22{{property_prefix("-webkit")}}</td>
- <td>3.2 {{CompatVersionUnknown}}{{property_prefix("-webkit")}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Gecko 14.0 removed the experimental support for <code>skew()</code>, but it was reintroduced in Gecko 15.0 for compatibility reasons. As it is non-standard and will likely be removed in the future, do not use it.</p>
-
-<p>[2] Before Firefox 16, the translation values of <code>matrix()</code> and <code>matrix3d()</code> could be {{cssxref("&lt;length&gt;")}}, in addition to the standard {{cssxref("&lt;number&gt;")}}.</p>
-
-<p>[3] Internet Explorer 5.5 or later supports a proprietary <a href="http://msdn.microsoft.com/en-us/library/ms533014%28VS.85,loband%29.aspx">Matrix Filter</a> which can be used to achieve a similar effect.</p>
-
-<p>Internet Explorer 9.0 or earlier has no support for 3D transforms, mixing 3D and 2D transform functions. such as <code>-ms-transform:rotate(10deg) translateZ(0);</code> will prevent the entire property from being applied.</p>
-
-<p>[4] Android 2.3 has a bug where input forms will "jump" when typing, if any container element has a <code>-webkit-transform</code>.</p>
-
-<p>[5] Internet Explorer 11.0 supports the {{property_prefix("-webkit")}} <a href="https://msdn.microsoft.com/library/jj127312#code-snippet-1">prefixed variant as an alias for the default one</a>.</p>
-
-<p> </p>
diff --git a/files/es/web/css/css_transitions/using_css_transitions/index.html b/files/es/web/css/css_transitions/using_css_transitions/index.html
index dd903d740d..928681c078 100644
--- a/files/es/web/css/css_transitions/using_css_transitions/index.html
+++ b/files/es/web/css/css_transitions/using_css_transitions/index.html
@@ -598,92 +598,7 @@ original_slug: Web/CSS/Transiciones_de_CSS
<p>Si no se halla ningún elemento que coincida con la clase "slideLeft", buscamos el elemento que coincida con "slideRight" y cambiamos su clase a "slideLeft", comenzando de ese modo la animación en la dirección contraria.</p>
-<h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2>
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Navegadores</th>
- <th>Compatibilidad básica</th>
- <th>Propiedad</th>
- <th>Evento de transición finalizada</th>
- </tr>
- <tr>
- <td>Internet Explorer</td>
- <td>(ninguna, a partir de IE9 pp7)</td>
- <td>---</td>
- <td>---</td>
- </tr>
- <tr>
- <td>Firefox (Gecko)</td>
- <td><strong>4.0</strong> (2.0)</td>
- <td><code>-moz-transition</code></td>
- <td><code>transitionend</code></td>
- </tr>
- <tr>
- <td>Opera</td>
- <td><strong>10.5</strong></td>
- <td><code>-o-transition</code></td>
- <td><code>OTransitionEnd</code></td>
- </tr>
- <tr>
- <td>Safari | Chrome | WebKit</td>
- <td>3.2 | yes | yes</td>
- <td><code>-webkit-transition</code></td>
- <td><code>webkitTransitionEnd</code></td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Browser_Compatibility" name="Browser_Compatibility">Compatibilidad de navegadores</h3>
-
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidad</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Compatibilidad básica</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidad</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Compatibilidad básica</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
<h2 id="Consultar_también">Consultar también</h2>
diff --git a/files/es/web/css/descendant_combinator/index.html b/files/es/web/css/descendant_combinator/index.html
index eb6e151ac4..aaba33fd21 100644
--- a/files/es/web/css/descendant_combinator/index.html
+++ b/files/es/web/css/descendant_combinator/index.html
@@ -49,49 +49,6 @@ div span { background-color: DodgerBlue; }
</tbody>
</table>
<h2 id="Compatibilidad_del_navegador" style="margin: 0px 0px 12px; padding: 0px; border: 0px; font-weight: 700; font-family: 'Open Sans', sans-serif; line-height: 30px; font-size: 2.142857142857143rem; letter-spacing: -1px; color: rgb(77, 78, 83); font-style: normal; font-variant: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; background-color: rgb(255, 255, 255);"><font><font>Compatibilidad del navegador</font></font></h2>
-<p>{{ CompatibilityTable() }}</p>
-<div id="compat-desktop">
- <table class="compat-table">
- <tbody>
- <tr>
- <th>Carracterística</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- </tr>
- </tbody>
- </table>
-</div>
-<div id="compat-mobile">
- <table class="compat-table">
- <tbody>
- <tr>
- <th>Carracterística</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
- </table>
-</div>
+{{Compat("css.selectors.descendant")}}
+
<h2 id="See_also" name="See_also">Ver también</h2>
diff --git a/files/es/web/css/display/index.html b/files/es/web/css/display/index.html
index aea5ef10ed..6e9bca5515 100644
--- a/files/es/web/css/display/index.html
+++ b/files/es/web/css/display/index.html
@@ -404,240 +404,7 @@ display: unset;
<h2 id="Compatibilidad_del_navegador">Compatibilidad del navegador</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Cromo</th>
- <th>Borde</th>
- <th>Firefox (Gecko)</th>
- <th>explorador de Internet</th>
- <th>Ópera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td><code>none</code>, <code>inline</code>y<code>block</code></td>
- <td>1.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.0")}}</td>
- <td>4.0</td>
- <td>7,0</td>
- <td>1,0 (85)</td>
- </tr>
- <tr>
- <td><code>inline-block</code></td>
- <td>1.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.9")}}</td>
- <td>5,5 <sup>[4]</sup></td>
- <td>7,0</td>
- <td>1,0 (85)</td>
- </tr>
- <tr>
- <td><code>list-item</code></td>
- <td>1.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.0")}}</td>
- <td>6.0</td>
- <td>7,0</td>
- <td>1,0 (85)</td>
- </tr>
- <tr>
- <td rowspan="2"><code>run-in</code> {{experimental_inline}}</td>
- <td>1,0 [5]</td>
- <td rowspan="2">{{CompatVersionUnknown}}</td>
- <td rowspan="2">{{CompatNo}}</td>
- <td rowspan="2">8,0</td>
- <td rowspan="2">7,0</td>
- <td>1,0 (85) <sup>[5]</sup></td>
- </tr>
- <tr>
- <td>4.0 Eliminado en 32</td>
- <td>5.0 (532.5) Eliminado en 8.0</td>
- </tr>
- <tr>
- <td><code>inline-table</code></td>
- <td>1.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.9")}}</td>
- <td>8,0</td>
- <td>7,0</td>
- <td>1,0 (85)</td>
- </tr>
- <tr>
- <td><code>table</code>, <code>table-cell</code>, <code>table-column</code>, <code>table-column-group</code>, <code>table-header-group</code>, <code>table-row-group</code>, <code>table-footer-group</code>, <code>table-row</code>, Y<code>table-caption</code></td>
- <td>1.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.0")}}</td>
- <td>8,0</td>
- <td>7,0</td>
- <td>1,0 (85)</td>
- </tr>
- <tr>
- <td><code>flex</code></td>
- <td>
- <p>21.0 {{property_prefix("- webkit")}}</p>
-
- <p>29,0</p>
- </td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("18.0")}} <sup>[1]</sup><br>
- {{CompatGeckoDesktop("20.0")}}</td>
- <td>
- <p>10 {{property_prefix("- ms")}} <sup>[8]</sup><br>
- 11</p>
- </td>
- <td>12,50</td>
- <td>
- <p>6.1 {{property_prefix("- webkit")}}</p>
-
- <p>9,0</p>
- </td>
- </tr>
- <tr>
- <td><code>inline-flex</code></td>
- <td>21.0 {{property_prefix("- webkit")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("18.0")}} <sup>[1]</sup><br>
- {{CompatGeckoDesktop("20.0")}}</td>
- <td>10 {{property_prefix("- ms")}} <sup>[8]</sup><br>
- 11</td>
- <td>12,50</td>
- <td>6.1 {{property_prefix("- webkit")}}</td>
- </tr>
- <tr>
- <td><code>grid</code> {{experimental_inline}}</td>
- <td>{{CompatChrome(57)}}</td>
- <td>{{CompatVersionUnknown}} {{property_prefix("- ms")}}</td>
- <td>{{CompatGeckoDesktop("45.0")}} <sup>[6]</sup></td>
- <td>10.0 {{property_prefix("- ms")}}</td>
- <td>{{CompatOpera(44)}}</td>
- <td>TP</td>
- </tr>
- <tr>
- <td><code>inline-grid</code> {{experimental_inline}}</td>
- <td>{{CompatChrome(57)}}</td>
- <td>{{CompatVersionUnknown}} {{property_prefix("- ms")}}</td>
- <td>{{CompatGeckoDesktop("45.0")}} <sup>[6]</sup></td>
- <td>10.0 {{property_prefix("- ms")}}</td>
- <td>{{CompatOpera(44)}}</td>
- <td>TP</td>
- </tr>
- <tr>
- <td><code>subgrid</code> {{experimental_inline}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>ruby</code>, <code>ruby-base</code>, <code>ruby-text</code>, <code>ruby-base-container</code>, <code>ruby-text-container</code> {{Experimental_inline}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("34.0")}} <sup>[3]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>contents</code> {{experimental_inline}}</td>
- <td>{{CompatChrome(58)}} <sup>[7]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop("37")}} <sup>[2]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>flow-root</code></td>
- <td>{{CompatChrome(58)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("53.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatOpera(45)}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Vista web de Android</th>
- <th>Chrome para Android</th>
- <th>Borde</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Teléfono IE</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>7.0 {{property_prefix("- webkit")}}</td>
- </tr>
- <tr>
- <td><code>grid</code> {{experimental_inline}}</td>
- <td>{{CompatChrome(57)}}</td>
- <td>{{CompatChrome(57)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatOperaMobile (44)}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>inline-grid</code> {{experimental_inline}}</td>
- <td>{{CompatChrome(57)}}</td>
- <td>{{CompatChrome(57)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatOperaMobile (44)}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>flow-root</code></td>
- <td>{{CompatChrome(58)}}</td>
- <td>{{CompatChrome(58)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatOperaMobile (45)}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Para activar el soporte de flexbox, para Firefox 18 y 19, el usuario tiene que cambiar la preferencia about: config "layout.css.flexbox.enabled" con <code>true</code>. Flexbox multilínea son compatibles desde Firefox 28.</p>
-
-<p>[2] Antes de Firefox 37, el valor <code>contents</code> estaba deshabilitado de forma predeterminada, y podría habilitarse configurando el <code>layout.css.display-contents.enabled</code> con preferencia <code>true</code>. En Firefox 37, se habilitó de forma predeterminada, y en Firefox 53 el pref se eliminó por completo.</p>
-
-<p>[3] CSS Ruby apoyo está detrás de pref "layout.css.ruby.enabled". El usuario tiene que cambiar este pref un verdadero para activarlo.</p>
-
-<p>[4] Sólo elementos naturales en línea.</p>
-
-<p>[5]No hay antes de los elementos en línea.</p>
-
-<p>[6]El soporte de Grid CSS no está prefijado en las compilaciones Nightly / Alpha y detrás de pref "layout.css.grid.enabled" en las compilaciones Beta / Release.</p>
-
-<p>[7] En Chrome, el valor <code>contents</code> está actualmente desactivado de forma predeterminada, pero se puede habilitar con el indicador "Experimental Plataforma Web características".</p>
-
-<p>[8] En IE 10, sólo los valores prefijados especiales, <code>-ms-flexbox</code>y <code>-ms-inline-flexbox</code>, se reconocen.</p>
+{{Compat("css.properties.display")}}
<h2 id="Ver_también">Ver también</h2>
diff --git a/files/es/web/css/filter/index.html b/files/es/web/css/filter/index.html
index 51e70eea38..d4d96ce79e 100644
--- a/files/es/web/css/filter/index.html
+++ b/files/es/web/css/filter/index.html
@@ -1110,79 +1110,7 @@ table.standard-table td {
<h2 id="Browser_compatibility" name="Browser_compatibility">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>{{CompatChrome("18.0")}}{{ property_prefix("-webkit") }} [4]</td>
- <td>{{ CompatGeckoDesktop(35) }} [1] [2]</td>
- <td>{{ CompatNo() }} [3]</td>
- <td>{{CompatOpera("15.0")}}{{ property_prefix("-webkit")}}</td>
- <td>{{ CompatSafari("6.0") }}{{ property_prefix("-webkit") }}</td>
- </tr>
- <tr>
- <td>En elementos SVG</td>
- <td>{{CompatNo}} (See bug 109224)</td>
- <td>{{ CompatGeckoDesktop(35) }}</td>
- <td>{{ CompatNo}}</td>
- <td>{{ CompatNo}}</td>
- <td>{{ CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatAndroid("4.4") }}{{ property_prefix("-webkit")}}</td>
- <td>{{ CompatGeckoDesktop(35) }} [1] [2]</td>
- <td>{{ CompatNo() }}</td>
- <td>22.0 {{ CompatVersionUnknown() }}{{ property_prefix("-webkit")}}</td>
- <td>
- <p>6.0 {{ CompatVersionUnknown() }}{{ property_prefix("-webkit")}}</p>
- </td>
- </tr>
- <tr>
- <td>En elementos SVG</td>
- <td>{{CompatNo}} (See bug 109224)</td>
- <td>{{ CompatGeckoDesktop(35) }}</td>
- <td>{{ CompatNo}}</td>
- <td>{{ CompatNo}}</td>
- <td>{{ CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Antes de Firefox 34, Gecko solo implementa la forma <code>{{ anch("url()") }}</code> de la propiedad <code>filter</code>; como no estaba implementado el encadenamiento, solo se permitía una <code>url()</code> (o cuando la preferencia <code>layout.css.filters.enabled era establecida a </code><code>false</code>).<br>
- <br>
- [2] Los valores funcionales de <code>filter</code> son controlados por la preferencia <code>layout.css.filters.enabled</code>, pero fue deshabiliada en Firefox 34.</p>
-
-<p>[3] Internet Explorer 4.0 a 9.0 implementan una propiedad <code>filter</code> que no es estándar. La sintáxis era completamente diferente del estándar, y no está documentada aquí.</p>
-
-<p>[4] En Chrome 18 a 19, la función <code>saturate()</code> solo toma enteros, en vez de decimales o porcentajes. Este bug fue corregido en Chrome 20 y superiores.</p>
+{{Compat("css.properties.filter")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/flex-basis/index.html b/files/es/web/css/flex-basis/index.html
index 0df62d9ef7..ddef25be1e 100644
--- a/files/es/web/css/flex-basis/index.html
+++ b/files/es/web/css/flex-basis/index.html
@@ -195,82 +195,7 @@ flex-basis: 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>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Edge</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte Base</td>
- <td>{{CompatGeckoDesktop("18.0")}}<sup>[1]</sup><br>
- {{CompatGeckoDesktop("22.0")}}</td>
- <td>21.0{{property_prefix("-webkit")}}</td>
- <td>11<sup>[2]</sup></td>
- <td>12</td>
- <td>12.10</td>
- <td>7.0{{property_prefix("-webkit")}}<sup>[3]</sup></td>
- </tr>
- <tr>
- <td><code>auto</code></td>
- <td>{{CompatGeckoDesktop("18.0")}}</td>
- <td>21.0</td>
- <td>11</td>
- <td>12</td>
- <td>12.10</td>
- <td>7.0{{property_prefix("-webkit")}}</td>
- </tr>
- <tr>
- <td><code>content</code></td>
- <td>{{CompatNo}}<sup>[4]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>12</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte Base</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>12.10</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Para acivar el soporte de caja flexible en Firefox 18 y 19, el usuario debe cambiar en preferencias about:config  en "layout.css.flexbox.enabled" a <code>true</code>. Firefox soporta flexbox multi-línea desde Firefox 28.</p>
-
-<p>[2] Cuando no se especifíca <code>flex-basis</code> como <code>auto</code>, Internet Explorer 10-11 (pero no 12+) siempre usa el box model mediante la propiedad <code>content-box</code> para calcular el tamaño de un elemento flexible, incluso si se aplica al elemento la propiedad <a href="/en-US/docs/Web/CSS/box-sizing"><code>box-sizing: border-box</code></a>. Ver <a href="https://github.com/philipwalton/flexbugs#7-flex-basis-doesnt-account-for-box-sizingborder-box">Flexbug #7</a> para más información.</p>
-
-<p>[3] Ver <a href="https://developer.apple.com/library/iad/releasenotes/General/WhatsNewInSafari/Articles/Safari_7_0.html">Safari 7.0</a>.</p>
-
-<p>[4] Ver {{bug("1105111")}}.</p>
+{{Compat("css.properties.flex-basis")}}
<h2 id="Ver_también">Ver también</h2>
diff --git a/files/es/web/css/flex-flow/index.html b/files/es/web/css/flex-flow/index.html
index 1d03def0ad..ab28f19c88 100644
--- a/files/es/web/css/flex-flow/index.html
+++ b/files/es/web/css/flex-flow/index.html
@@ -79,54 +79,7 @@ flex-flow: unset;
<h2 id="Compatibilidad_de_navegador">Compatibilidad de navegador</h2>
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>28.0</td>
- <td>21.0{{property_prefix("-webkit")}}<br>
- 29.0</td>
- <td>11</td>
- <td>12.10</td>
- <td>6.1{{ property_prefix("-webkit") }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>28.0</td>
- <td>{{ CompatUnknown() }}</td>
- <td>11</td>
- <td>12.10</td>
- <td>7.1{{ property_prefix("-webkit") }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.flex-flow")}}
<h2 id="Ver_también">Ver también</h2>
diff --git a/files/es/web/css/flex-grow/index.html b/files/es/web/css/flex-grow/index.html
index 39c21629af..a62c459cb9 100644
--- a/files/es/web/css/flex-grow/index.html
+++ b/files/es/web/css/flex-grow/index.html
@@ -117,75 +117,7 @@ flex-grow: 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>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte Básico</td>
- <td>{{CompatGeckoDesktop("18.0")}}<sup>[1]</sup></td>
- <td>21.0{{property_prefix("-webkit")}}</td>
- <td>11</td>
- <td>12.10</td>
- <td>6.1{{property_prefix("-webkit")}}</td>
- </tr>
- <tr>
- <td>&lt; 0 animate</td>
- <td>{{CompatGeckoDesktop("32.0")}}<sup>[2]</sup></td>
- <td>49.0</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte Básico</td>
- <td>{{CompatGeckoMobile("18.0")}}<sup>[1]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>12.10</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>&lt; 0 animate</td>
- <td>{{CompatGeckoDesktop("32.0")}}<sup>[2]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Firefox soporta sólo Caja flexible de línea simple hasta Firefox 27. Para activar el soporte de caja flexible para Firefox 18 y 19, el usuario tiene que cambiar en preferencias about:config el <code>layout.css.flexbox.enabled</code> en <code>true</code>.</p>
-
-<p>Además del soporte sin prefijo, Gecko 48.0 {{geckoRelease("48.0")}} añade soporte para un prefijo <code>-webkit</code> en versión porpietaria por razones compatibilidad web bajo la preferencia <code>layout.css.prefixes.webkit</code>, por defecto en <code>false</code>. Desde Gecko 49.0 {{geckoRelease("49.0")}} la preferencia por defecto está en <code>true</code>.</p>
-
-<p>[2] Antes de Firefox 32, Gecko no era capaz de animar los valores de inicio o parada en 0<code>(<a href="https://drafts.csswg.org/css-flexbox-1/#resolve-flexible-lengths">Spec</a>, <a href="https://jsbin.com/zacifexuke/edit?html,css,output">Demo</a>)</code>.</p>
+{{Compat("css.properties.flex-grow")}}
<h2 id="Ver_también">Ver también</h2>
diff --git a/files/es/web/css/flex-wrap/index.html b/files/es/web/css/flex-wrap/index.html
index 66066fd25e..e3888ec848 100644
--- a/files/es/web/css/flex-wrap/index.html
+++ b/files/es/web/css/flex-wrap/index.html
@@ -66,53 +66,7 @@ flex-wrap: inherit
<h2 id="Compatibilidad">Compatibilidad</h2>
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>28.0 {{bug(939901)}}</td>
- <td>21.0{{ property_prefix("-webkit") }}</td>
- <td>11.0</td>
- <td>12.10</td>
- <td>6.1{{ property_prefix("-webkit") }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>28.0 {{bug(939901)}}</td>
- <td>4.4</td>
- <td>11.0</td>
- <td>12.10</td>
- <td>7.0{{ property_prefix("-webkit") }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.flex-wrap")}}
<h2 id="Ver_también">Ver también</h2>
diff --git a/files/es/web/css/flex/index.html b/files/es/web/css/flex/index.html
index 0ca8f827ee..6ee55743ce 100644
--- a/files/es/web/css/flex/index.html
+++ b/files/es/web/css/flex/index.html
@@ -140,66 +140,7 @@ flex.addEventListener("click", function() {
<h2 id="Compatibilidad_de_Navegadores">Compatibilidad de Navegadores</h2>
-<p>{{CompatibilityTable()}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatGeckoDesktop("18.0")}}<sup>[1]</sup><br>
- {{CompatGeckoDesktop("20.0")}}<br>
- {{CompatGeckoDesktop("28.0")}}<sup>[2]</sup></td>
- <td>21.0{{property_prefix("-webkit")}}<br>
- 29.0</td>
- <td>10.0{{property_prefix("-ms")}}<sup>[3]</sup><br>
- 11.0<sup>[3]</sup></td>
- <td>12.10</td>
- <td>
- <p>6.1{{property_prefix("-webkit")}}<br>
- 9.0</p>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatUnknown()}}</td>
- <td>4.4</td>
- <td>11</td>
- <td>12.10</td>
- <td>7.1{{property_prefix("-webkit")}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] En Gecko 18.0 {{geckoRelease("18.0")}} y 19.0 {{geckoRelease("19.0")}} el soporte de cajas flexibles está oculto en las preferencias <code>about:config</code> en <code>layout.css.flexbox.enabled</code>, por defecto en <code>false</code>.</p>
-
-<p>[2] Las cajas flexibles multi-línea están soportadas desde Gecko 28.0 {{geckoRelease("28.0")}}.</p>
-
-<p>[3] Internet Explorer 10-11 (pero no 12+) ignora el uso de <a href="/en-US/docs/Web/CSS/calc"><code>calc()</code></a> en la parte <code>flex-basis</code> de la sintaxis de flex. Esto se puede solucionar mediante el uso de las propiedades normales en lugar de las abreviadas. Ver <a href="https://github.com/philipwalton/flexbugs#8-flex-basis-doesnt-support-calc">Flexbug #8</a> para más info. Además una declaración <code>flex</code>  con un valor sin unidad en su parte <code>flex-basis</code> es considerado sintácticamente no valido en esas versiones y por lo tanto será ignorado. Una solución consiste en incluir siempre una unidad en la parte <code>flex-basis</code> del valor abreviador <code>flex</code>. Ver <a href="https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored">Flexbug #4</a> para más info.</p>
+{{Compat("css.properties.flex")}}
<h2 id="See_also" name="See_also">Ver también</h2>
diff --git a/files/es/web/css/font-style/index.html b/files/es/web/css/font-style/index.html
index 3d94fa7242..5945217aa8 100644
--- a/files/es/web/css/font-style/index.html
+++ b/files/es/web/css/font-style/index.html
@@ -101,52 +101,4 @@ font-style: unset;
</tbody>
</table>
-<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</th>
- </tr>
- <tr>
- <td>Apoyo básico</td>
- <td>1.0</td>
- <td>{{CompatGeckoDesktop("1")}} [1]</td>
- <td>4.0</td>
- <td>7.0</td>
- <td>1.0</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Apoyo básico</td>
- <td>1.0</td>
- <td>{{CompatGeckoMobile("1")}} [1]</td>
- <td>6.0</td>
- <td>6.0</td>
- <td>1.0</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Antes de Firefox 44, Gecko no hacía diferencia entre <code>oblique</code> y <code>italic</code>. Desde entonces, Gecko usa el tipo de letra correcto si está disponible.</p>
+{{Compat("css.properties.font-style")}}
diff --git a/files/es/web/css/font-variant-alternates/index.html b/files/es/web/css/font-variant-alternates/index.html
index 72de891e40..eb835b92e8 100644
--- a/files/es/web/css/font-variant-alternates/index.html
+++ b/files/es/web/css/font-variant-alternates/index.html
@@ -104,52 +104,4 @@ font-variant-alternates: unset;
<h2 id="Browser_Compatibility" name="Browser_Compatibility">Compatibilidad de navegadores</h2>
-<p>{{ CompatibilityTable }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatGeckoDesktop("34")}} [1]</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{CompatGeckoMobile("34")}}[1]</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Una implementación experimental estaba disponible desde Gecko 24. Se regía por la preferencia <code>layout.css.font-features.enabled</code>, con valor predeterminado de <code>true</code>, solamente disponible en Nightly y Aurora.</p>
+{{Compat("css.properties.font-variant-alternates")}}
diff --git a/files/es/web/css/font-weight/index.html b/files/es/web/css/font-weight/index.html
index 747efcfd61..928356bdbc 100644
--- a/files/es/web/css/font-weight/index.html
+++ b/files/es/web/css/font-weight/index.html
@@ -132,50 +132,4 @@ span {
<h2 id="Compatibilidad_entre_navegadores">Compatibilidad entre 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>Apoyo básico</td>
- <td>2.0</td>
- <td>{{CompatGeckoDesktop(1.0)}}</td>
- <td>3.0</td>
- <td>3.5</td>
- <td>1.3</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Apoyo básico</td>
- <td>1.0</td>
- <td>{{CompatGeckoMobile(1.0)}}</td>
- <td>6.0</td>
- <td>6.0</td>
- <td>3.1</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.font-weight")}}
diff --git a/files/es/web/css/frequency/index.html b/files/es/web/css/frequency/index.html
index 375dde4bd5..e9d0c4b443 100644
--- a/files/es/web/css/frequency/index.html
+++ b/files/es/web/css/frequency/index.html
@@ -110,52 +110,4 @@ translation_of: Web/CSS/frequency
<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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}<sup>[1]</sup></td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Algunas versiones de Opera pueden tener (partialmente) soporte para el grupo de medios aural obsoleto, y con soporte al tipo de datos <code>&lt;frequency&gt;</code> a través de la propiedad de tono.</p>
+{{Compat("css.types.frequency")}}
diff --git a/files/es/web/css/gap/index.html b/files/es/web/css/gap/index.html
index 70da3da759..72e8126dc5 100644
--- a/files/es/web/css/gap/index.html
+++ b/files/es/web/css/gap/index.html
@@ -107,87 +107,7 @@ grid-gap: unset;
<h2 id="Compatibilidad_del_navegador">Compatibilidad del navegador</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatChrome("57.0")}}<sup>[1]</sup></td>
- <td>{{CompatNo}}<sup>[3]</sup></td>
- <td>{{CompatGeckoDesktop("52.0")}}<sup>[2]</sup></td>
- <td>{{CompatNo}}<sup>[3]</sup></td>
- <td>{{CompatOpera(44)}}<sup>[4]</sup></td>
- <td>{{CompatNo}}<sup>[6]</sup></td>
- </tr>
- <tr>
- <td>&lt;porcentaje&gt; valor</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}<sup>[3]</sup></td>
- <td>{{CompatGeckoDesktop("52.0")}}<sup>[2]</sup></td>
- <td>{{CompatNo}}<sup>[3]</sup></td>
- <td>{{CompatNo}}<sup>[4]</sup></td>
- <td>{{CompatNo}}<sup>[6]</sup></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Vista web de Android</th>
- <th>Chrome para Android</th>
- <th>Firefox Móvil (Gecko)</th>
- <th>IE Móvil</th>
- <th>Opera Móvil</th>
- <th>Safari Móvil</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatChrome("57.0")}}<sup>[1]</sup></td>
- <td>{{CompatChrome("57.0")}}<sup>[1]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile("52.0")}}<sup>[3]</sup></td>
- <td>{{CompatOperaMobile(44)}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>&lt;porcentaje&gt; value</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoMobile("52.0")}}<sup>[5]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Implementado bajo la plataforma web experimental<em> de características de etiquetas</em> en <code>chrome://flags</code> since Chrome 29.0.</p>
-
-<p>[2] Implemented behind the preference <code>layout.css.grid.enabled</code> since Gecko 40.0 {{geckoRelease("40.0")}}, defaulting to <code>false</code>. Since Gecko 52.0 {{geckoRelease("52.0")}} it is enabled by default.</p>
-
-<p>[3] Internet Explorer implements an <a href="https://www.w3.org/TR/2011/WD-css3-grid-layout-20110407/">older version of the specification</a>, which didn't define this property.</p>
-
-<p>[4] Implemented behind the <em>Enable experimental Web Platform features</em> flag in <code>chrome://flags</code> since Opera 28.0.</p>
-
-<p>[5] Implemented behind the preference <code>layout.css.grid.enabled</code> since Gecko 49.0 {{geckoRelease("49.0")}}, defaulting to <code>false</code>. Since Gecko 52.0 {{geckoRelease("52.0")}} it is enabled by default.</p>
-
-<p>[6] Experimental implementation available in Safari Technological Preview.</p>
+{{Compat("css.properties.gap")}}
<h2 id="See_also">See also</h2>
diff --git a/files/es/web/css/general_sibling_combinator/index.html b/files/es/web/css/general_sibling_combinator/index.html
index 9962f86727..1c2ec69c34 100644
--- a/files/es/web/css/general_sibling_combinator/index.html
+++ b/files/es/web/css/general_sibling_combinator/index.html
@@ -59,55 +59,7 @@ original_slug: Web/CSS/Selectores_hermanos_generales
<h2 id="Compatibilidad_entre_navegadores">Compatibilidad entre navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>1.0</td>
- <td>{{CompatGeckoDesktop("1")}}</td>
- <td>7</td>
- <td>9</td>
- <td>3</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p> </p>
+{{Compat("css.selectors.general_sibling")}}
<h2 id="Ver_también">Ver también</h2>
diff --git a/files/es/web/css/grid-template-areas/index.html b/files/es/web/css/grid-template-areas/index.html
index 7a5798c4b5..aa456615ff 100644
--- a/files/es/web/css/grid-template-areas/index.html
+++ b/files/es/web/css/grid-template-areas/index.html
@@ -108,65 +108,7 @@ grid-template-areas: unset;
<h2 id="Browser_compatibility">Browser compatibility</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatChrome("57.0")}}<sup>[1]</sup></td>
- <td>{{CompatNo}}<sup>[3]</sup></td>
- <td>{{CompatGeckoDesktop("52.0")}}<sup>[2]</sup></td>
- <td>{{CompatNo}}<sup>[3]</sup></td>
- <td>{{CompatOpera(44)}}<sup>[4]</sup></td>
- <td>{{CompatSafari(10.1)}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android Webview</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatChrome("57.0")}}<sup>[1]</sup></td>
- <td>{{CompatChrome("57.0")}}<sup>[1]</sup></td>
- <td>{{CompatGeckoMobile("52.0")}}<sup>[2]</sup></td>
- <td>{{CompatNo}}<sup>[3]</sup></td>
- <td>{{CompatOperaMobile(44)}}</td>
- <td>{{CompatSafari(10.3)}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Implemented behind the <em>experimental Web Platform features</em> flag in <code>chrome://flags</code> since Chrome 29.0.</p>
-
-<p>[2] Implemented behind the preference <code>layout.css.grid.enabled</code> since Gecko 40.0 {{geckoRelease("40.0")}}, defaulting to <code>false</code>. Since Gecko 52.0 {{geckoRelease("52.0")}} it is enabled by default.</p>
-
-<p>[3] Internet Explorer and Edge implement an <a href="https://www.w3.org/TR/2011/WD-css3-grid-layout-20110407/">older version of the specification</a>, which doesn't define this property.</p>
-
-<p>[4] Implemented behind the <em>Enable experimental Web Platform features</em> flag in <code>chrome://flags</code> since Opera 28.0.</p>
+{{Compat("css.properties.grid-template-areas")}}
<h2 id="See_also">See also</h2>
diff --git a/files/es/web/css/grid/index.html b/files/es/web/css/grid/index.html
index 1657f4d988..49a4e08ee7 100644
--- a/files/es/web/css/grid/index.html
+++ b/files/es/web/css/grid/index.html
@@ -112,65 +112,7 @@ grid: unset;
<h2 id="Compatibilidad_en_navegadores">Compatibilidad en navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatChrome("57.0")}}<sup>[1]</sup></td>
- <td>{{CompatNo}}<sup>[3]</sup></td>
- <td>{{CompatGeckoDesktop("52.0")}}<sup>[2]</sup></td>
- <td>{{CompatNo}}<sup>[3]</sup></td>
- <td>{{CompatOpera(44)}}<sup>[4]</sup></td>
- <td>{{CompatSafari("10.1")}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android Webview</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatChrome("57.0")}}<sup>[1]</sup></td>
- <td>{{CompatChrome("57.0")}}<sup>[1]</sup></td>
- <td>{{CompatGeckoDesktop("52.0")}}<sup>[2]</sup></td>
- <td>{{CompatNo}}<sup>[3]</sup></td>
- <td>{{CompatOperaMobile}}</td>
- <td>{{CompatSafari("10.3")}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Implementado detrás del flag <em>experimental Web Platform features</em> en <code>chrome://flags</code> desde Chrome 29.0.</p>
-
-<p>[2] Implementado detrás de la preferencia <code>layout.css.grid.enabled</code> desde Gecko 40.0 {{geckoRelease("40.0")}}, <code>false</code> por defecto. Desde Gecko 52.0 <code>true</code> por defecto.</p>
-
-<p>[3] Internet Explorer y Edge implementan una <a href="https://www.w3.org/TR/2011/WD-css3-grid-layout-20110407/">version antigua de la especificación</a>, que no define el shorthand <code>grid</code>. Ver el <a href="https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/6514853-update-css-grid">pedido para actualizar la implementación</a>.</p>
-
-<p>[4] Implementado detrás del flag <em>Enable experimental Web Platform features</em> en <code>chrome://flags</code> desde Opera 28.0.</p>
+{{Compat("css.properties.grid")}}
<h2 id="Ver_también">Ver también</h2>
diff --git a/files/es/web/css/height/index.html b/files/es/web/css/height/index.html
index 4d0667a3f9..2f9e4dfe58 100644
--- a/files/es/web/css/height/index.html
+++ b/files/es/web/css/height/index.html
@@ -154,75 +154,7 @@ height: 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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>1.0</td>
- <td>{{CompatGeckoDesktop("1")}}</td>
- <td>4.0</td>
- <td>7.0</td>
- <td>1.0</td>
- </tr>
- <tr>
- <td><code>fill</code>, <code>fit-content</code>, <code>min-content</code>, <code>max-content</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>1.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile("1")}}</td>
- <td>6.0</td>
- <td>6.0</td>
- <td>1.0</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>fill</code>, <code>fit-content</code>, <code>min-content</code>, <code>max-content</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatChrome(46.0)}}</td>
- <td> </td>
- <td> </td>
- <td> </td>
- <td> </td>
- <td>{{CompatChrome(46.0)}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.height")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/image/index.html b/files/es/web/css/image/index.html
index de998cc146..0c977f6838 100644
--- a/files/es/web/css/image/index.html
+++ b/files/es/web/css/image/index.html
@@ -119,87 +119,7 @@ element(#fakeid) /* Si 'fakeid' no es un identificador CSS
<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>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td><code>&lt;uri&gt;</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>&lt;gradient&gt;</code></td>
- <td>{{CompatVersionUnknown}}<br>
- limited to {{cssxref("background-image")}} &amp; {{cssxref("background")}}{{property_prefix("-moz")}}</td>
- <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}</td>
- <td>IE 10{{property_prefix("-ms")}}</td>
- <td>{{CompatVersionUnknown}}{{property_prefix("-o")}}</td>
- <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}</td>
- </tr>
- <tr>
- <td><code>element()</code></td>
- <td>4.0 (2.0) limited to {{cssxref("background-image")}} &amp; {{cssxref("background")}}{{property_prefix("-moz")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td><code>&lt;uri&gt;</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>&lt;gradient&gt;</code></td>
- <td>{{CompatVersionUnknown}}<br>
- limited to {{cssxref("background-image")}} &amp; {{cssxref("background")}}{{property_prefix("-moz")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>element()</code></td>
- <td>4.0 (2.0) limited to {{cssxref("background-image")}} &amp; {{cssxref("background")}}{{property_prefix("-moz")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.types.image")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/isolation/index.html b/files/es/web/css/isolation/index.html
index d48415208a..870658cc12 100644
--- a/files/es/web/css/isolation/index.html
+++ b/files/es/web/css/isolation/index.html
@@ -98,57 +98,7 @@ isolation: unset;
<h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2>
-<p>{{CompatibilityTable()}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Función</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte Básico</td>
- <td>
- <p class="p1">{{CompatChrome(41.0)}}</p>
- </td>
- <td>{{CompatGeckoDesktop('36')}}</td>
- <td>{{CompatNo()}}</td>
- <td>30</td>
- <td>7.1</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Función</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte Básico</td>
- <td>
- <p class="p1">{{CompatChrome(41.0)}}</p>
- </td>
- <td>{{CompatGeckoMobile('36')}}</td>
- <td>{{CompatNo()}}</td>
- <td>36</td>
- <td>8.0</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.isolation")}}
<h2 id="También_puedes_ver">También puedes ver</h2>
diff --git a/files/es/web/css/justify-content/index.html b/files/es/web/css/justify-content/index.html
index 72d51c4117..19b6394efe 100644
--- a/files/es/web/css/justify-content/index.html
+++ b/files/es/web/css/justify-content/index.html
@@ -164,56 +164,7 @@ justify-content: unset;
<h2 id="Compatibilidad_en_navegadores">Compatibilidad en navegadores</h2>
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soprte básico</td>
- <td>{{CompatGeckoDesktop("18.0")}} (behind a pref) [1]<br>
- {{CompatGeckoDesktop("20.0")}}</td>
- <td>21.0{{property_prefix("-webkit")}}</td>
- <td>11</td>
- <td>12.10</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soprte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>12.10</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Firefox soporta sólo single-line flexbox hasta Firefox 28. Para activar soporte flexbox, para Firefox 18 y 19, el usuario debe cambiar la preferencia  about:config "layout.css.flexbox.enabled" a <code>true</code>.</p>
+{{Compat("css.properties.justify-content")}}
<h2 id="Ver_también">Ver también</h2>
diff --git a/files/es/web/css/length/index.html b/files/es/web/css/length/index.html
index 1b66b63ef9..5e541f05f1 100644
--- a/files/es/web/css/length/index.html
+++ b/files/es/web/css/length/index.html
@@ -139,194 +139,4 @@ translation_of: Web/CSS/length
<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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>1</td>
- <td>{{ CompatGeckoDesktop("1.0")}}</td>
- <td>3.0</td>
- <td>3.5</td>
- <td>1.0</td>
- </tr>
- <tr>
- <td><code>ch</code></td>
- <td>
- <p>27</p>
- </td>
- <td>{{ CompatGeckoDesktop("1.0")}}<sup>[1]</sup></td>
- <td>9.0</td>
- <td>20.0</td>
- <td>7.0</td>
- </tr>
- <tr>
- <td>ex</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>rem</code></td>
- <td>4 (532.3)</td>
- <td>{{ CompatGeckoDesktop("1.9.2")}}</td>
- <td>9.0</td>
- <td>11.6</td>
- <td>4.1</td>
- </tr>
- <tr>
- <td><code>vh, vw</code></td>
- <td>20</td>
- <td>{{CompatGeckoDesktop("19")}}</td>
- <td>9.0</td>
- <td>20.0</td>
- <td>6.0</td>
- </tr>
- <tr>
- <td><code>vmin</code></td>
- <td>
- <p>20</p>
- </td>
- <td>{{CompatGeckoDesktop("19")}}</td>
- <td>9.0<sup>[2]</sup></td>
- <td>20.0</td>
- <td>6.0</td>
- </tr>
- <tr>
- <td><code>vmax</code></td>
- <td>26</td>
- <td>{{CompatGeckoDesktop("19")}}</td>
- <td>{{CompatNo}}</td>
- <td>20.0</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td>Longitudes de porcentaje del viewport inválidas en {{cssxref("@page")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("21")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>mozmm</code> {{non-standard_inline}}</td>
- <td>{{CompatNo}}</td>
- <td>{{ CompatGeckoDesktop("2.0")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>1in</code> siempre es <code>96ppp</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{ CompatGeckoDesktop("2.0")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>q</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop("49.0")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>ch</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>7.8</td>
- <td>{{CompatUnknown}}</td>
- <td>7.1.1</td>
- </tr>
- <tr>
- <td>ex</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>rem</code></td>
- <td>2.1</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>12.0</td>
- <td>4.0</td>
- </tr>
- <tr>
- <td><code>vh, vw, vmin</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile("19")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>6.0</td>
- </tr>
- <tr>
- <td><code>vmax</code></td>
- <td>1.5</td>
- <td>{{CompatGeckoMobile("19")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>4.0</td>
- </tr>
- <tr>
- <td>Longitudes de porcentaje del viewport inválidas en {{cssxref("@page")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile("21.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>q</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile("49.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] En Gecko 1.0-1.9.0 (Firefox 1.0-3.0)<code> ch</code> era la anchura de 'M', y no funcionaba para las propiedades CSS {{CSSxref("border-width")}} y {{CSSxref("outline-width")}}.</p>
-
-<p>[2] Internet Explorer implementa esto con el nombre no estándar <code>vm</code>.</p>
+{{Compat("css.types.length")}}
diff --git a/files/es/web/css/margin-bottom/index.html b/files/es/web/css/margin-bottom/index.html
index 7d2b61a238..4f932566ee 100644
--- a/files/es/web/css/margin-bottom/index.html
+++ b/files/es/web/css/margin-bottom/index.html
@@ -82,58 +82,4 @@ margin-bottom: inherit; /*margen heredado*/
<h2 id="Browser_Compatibility" name="Browser_Compatibility">Browser compatibility</h2>
-<p>{{CompatibilityTable()}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>1.0</td>
- <td>{{CompatGeckoDesktop("1")}}</td>
- <td>3.0</td>
- <td>3.5</td>
- <td>1.0 (85)</td>
- </tr>
- <tr>
- <td><code>auto</code> value</td>
- <td>1.0</td>
- <td>{{CompatGeckoDesktop("1")}}</td>
- <td>6.0 (strict mode)</td>
- <td>3.5</td>
- <td>1.0 (85)</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>1.0</td>
- <td>{{CompatGeckoMobile("1")}}</td>
- <td>6.0</td>
- <td>6.0</td>
- <td>1.0</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.margin-bottom")}}
diff --git a/files/es/web/css/margin/index.html b/files/es/web/css/margin/index.html
index 684288ac2f..4f817d6a2d 100644
--- a/files/es/web/css/margin/index.html
+++ b/files/es/web/css/margin/index.html
@@ -150,61 +150,7 @@ margin: auto; /* 0px de margen vertical, centrado horizontalmente *
<h2 id="Compatibilidad_en_navegadores">Compatibilidad en navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>1.0</td>
- <td>{{ CompatGeckoDesktop("1") }}</td>
- <td>3.0</td>
- <td>3.5</td>
- <td>1.0 (85)</td>
- </tr>
- <tr>
- <td><code>auto</code> value</td>
- <td>1.0</td>
- <td>{{ CompatGeckoDesktop("1") }}</td>
- <td>6.0 (strict mode)</td>
- <td>3.5</td>
- <td>1.0 (85)</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>1.0</td>
- <td>{{ CompatGeckoMobile("1") }}</td>
- <td>6.0</td>
- <td>6.0</td>
- <td>1.0</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.margin")}}
<h2 id="sect1"> </h2>
diff --git a/files/es/web/css/mask-clip/index.html b/files/es/web/css/mask-clip/index.html
index 9d3499700f..5fa8c6576f 100644
--- a/files/es/web/css/mask-clip/index.html
+++ b/files/es/web/css/mask-clip/index.html
@@ -49,53 +49,7 @@ original_slug: Web/CSS/-webkit-mask-clip
<h2 id="Browser_Compatibility" name="Browser_Compatibility">Compatibilidad con los distintos 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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>1.0</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>4.0</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>2.1</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>3.2</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.mask-clip")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/mask-image/index.html b/files/es/web/css/mask-image/index.html
index ccf88316ab..c770c8df2e 100644
--- a/files/es/web/css/mask-image/index.html
+++ b/files/es/web/css/mask-image/index.html
@@ -59,98 +59,7 @@ p {
<h2 id="Compatibilidad_con_los_distintos_navegadores.">Compatibilidad con los distintos navegadores.</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Características</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>1.0</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>4.0</td>
- </tr>
- <tr>
- <td>Múltiples imágenes de máscara</td>
- <td>{{CompatNo}}</td>
- <td>1.0</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>4.0</td>
- </tr>
- <tr>
- <td>Gradientes</td>
- <td>{{CompatNo}}</td>
- <td>1.0{{property_prefix("-webkit")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>4.0{{property_prefix("-webkit")}}</td>
- </tr>
- <tr>
- <td>Máscaras SVG</td>
- <td>{{CompatNo}}</td>
- <td>8.0<sup>[1]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>4.0</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>iOS Safari</th>
- <th>Opera Mini</th>
- <th>Opera Mobile</th>
- <th>Android Browser</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>3.2</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>2.1</td>
- </tr>
- <tr>
- <td>Múltiples imágenes de máscara</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td>Gradientes</td>
- <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}</td>
- </tr>
- <tr>
- <td>Máscaras SVG</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Desde la versión 1.9.1 {{geckoRelease("1.9.1")}} Gecko soporta <a href="/es/docs/Applying_SVG_effects_to_HTML_content#Example_Masking">Efectos de filtro SVG</a>, que se pueden usar para aplicar máscaras a contenido HTML.</p>
+{{Compat("css.properties.mask-image")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/mask-origin/index.html b/files/es/web/css/mask-origin/index.html
index 8a8adb54ce..03fd9c99d4 100644
--- a/files/es/web/css/mask-origin/index.html
+++ b/files/es/web/css/mask-origin/index.html
@@ -49,53 +49,7 @@ original_slug: Web/CSS/-webkit-mask-origin
<h2 id="Compatibilidad_con_los_distintos_navegadores.">Compatibilidad con los distintos 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>1.0</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>4.0</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básica</td>
- <td>2.1</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>3.2</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.mask-origin")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/mask-position/index.html b/files/es/web/css/mask-position/index.html
index 9efc319b1c..4fcce2ac74 100644
--- a/files/es/web/css/mask-position/index.html
+++ b/files/es/web/css/mask-position/index.html
@@ -67,53 +67,7 @@ original_slug: Web/CSS/-webkit-mask-position
<h2 id="Compatibilidad_con_los_distintos_nevegadores">Compatibilidad con los distintos nevegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Características</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>1.0</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>4.0</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Características</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte Básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.mask-position")}}
<h2 id="Ver_tambien">Ver tambien</h2>
diff --git a/files/es/web/css/mask-repeat/index.html b/files/es/web/css/mask-repeat/index.html
index 836f146b4f..056f54b4a0 100644
--- a/files/es/web/css/mask-repeat/index.html
+++ b/files/es/web/css/mask-repeat/index.html
@@ -80,53 +80,7 @@ original_slug: Web/CSS/-webkit-mask-repeat
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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>1.0</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>4.0</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>2.1</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>3.2</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.mask-repeat")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/mask/index.html b/files/es/web/css/mask/index.html
index 7bf741ece4..324940c938 100644
--- a/files/es/web/css/mask/index.html
+++ b/files/es/web/css/mask/index.html
@@ -71,53 +71,7 @@ original_slug: Web/CSS/-webkit-mask
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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>1.0</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>4.0</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>2.1</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>3.2</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.mask")}}
<h2 id="See_also">See also</h2>
diff --git a/files/es/web/css/media_queries/using_media_queries/index.html b/files/es/web/css/media_queries/using_media_queries/index.html
index b63a912397..b8ff4e4ed3 100644
--- a/files/es/web/css/media_queries/using_media_queries/index.html
+++ b/files/es/web/css/media_queries/using_media_queries/index.html
@@ -627,198 +627,7 @@ media_feature: width | min-width | max-width
<p>Si está soportado, el valor es 1, si no, el valor es 0.</p>
-<h2 id="Compatibilidad_con_Navegadores">Compatibilidad con Navegadores</h2>
-
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatChrome("21")}}</td>
- <td>{{CompatGeckoDesktop("1.9.1")}}</td>
- <td>{{CompatIE("9.0")}}</td>
- <td>{{CompatOpera("9")}}</td>
- <td>{{CompatSafari("4")}}</td>
- </tr>
- <tr>
- <td><code>grid</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}} <sup>[1]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>resolution</code></td>
- <td>{{CompatChrome("29")}}</td>
- <td>{{CompatGeckoDesktop("1.9.1")}} <sup>[2]</sup><br>
- {{CompatGeckoDesktop("8.0")}} <sup>[3]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>scan</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}<sup>[4]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>-webkit-min-device-pixel-ratio</code>, <code>-webkit-max-device-pixel-ratio</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}<sup>[7]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>-webkit-transform-3d</code></td>
- <td>{{CompatVersionUnknown}}<sup>[5]</sup></td>
- <td>{{CompatGeckoDesktop("49")}}<sup>[6]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}<sup>[5]</sup></td>
- <td>{{CompatSafari("1.0")}}<sup>[5]</sup></td>
- </tr>
- <tr>
- <td><code>-webkit-transform-2d</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}<sup>[5]</sup></td>
- <td>{{CompatSafari("1.0")}}<sup>[5]</sup></td>
- </tr>
- <tr>
- <td><code>-webkit-transition</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}<sup>[5]</sup></td>
- <td>{{CompatSafari("1.0")}}<sup>[5]</sup></td>
- </tr>
- <tr>
- <td><code>display-mode</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("47")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>grid</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>resolution</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>scan</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>-webkit-min-device-pixel-ratio</code>, <code>-webkit-max-device-pixel-ratio</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>-webkit-transform-3d</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>-webkit-transform-2d</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>-webkit-transition</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>display-mode</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] <code>grid</code> media type no está soportado</p>
-
-<p>[2] Soporta valores {{cssxref("&lt;integer&gt;")}}.</p>
-
-<p>[3] Soporta valores {{cssxref("&lt;number&gt;")}}, según la especificación.</p>
-
-<p>[4] <code>tv</code> media no está soportado</p>
-
-<p>[5] Ver {{WebKitBug(22494)}}.</p>
-
-<p>[6] Implementado por razones de compatibilidad web en Gecko 46.0 {{geckoRelease("46.0")}} tras tras cambiar <code>layout.css.prefixes.webkit</code> por defecto a <code>false</code> (ver {{bug(1239799)}}). Desde Gecko 49.0 {{geckoRelease("49")}} <code>layout.css.prefixes.webkit</code> por defecto es <code>true</code>.</p>
-<p>[7] Implementado como alias para <code>min--moz-device-pixel-ratio </code>y <code>max--moz-device-pixel-ratio</code> por razones de compatibilidad web in Gecko 45.5 {{geckoRelease("45.0")}} (ver {{bug(1176968)}}) tras cambiar <code>layout.css.prefixes.webkit</code> y <code>layout.css.prefixes.device-pixel-ratio-webkit</code> por defecto a <code>false</code>. Desde Gecko 49.0 {{geckoRelease("49")}} <code>layout.css.prefixes.webkit</code> por defecto es <code>true</code>.</p>
<h2 id="Vea_también">Vea también</h2>
diff --git a/files/es/web/css/object-position/index.html b/files/es/web/css/object-position/index.html
index 4e1512f0aa..71eb76df03 100644
--- a/files/es/web/css/object-position/index.html
+++ b/files/es/web/css/object-position/index.html
@@ -92,56 +92,7 @@ object-position: unset;
<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidad con navegadores</h2>
-<p>{{ CompatibilityTable }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>31.0</td>
- <td>{{ CompatGeckoDesktop("36") }}</td>
- <td>{{CompatNo}}</td>
- <td>11.60{{ property_prefix("-o") }}<br>
- 19.0</td>
- <td>{{ CompatNo }}<sup>[1]</sup></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>4.4.4</td>
- <td>{{ CompatGeckoDesktop("36") }}</td>
- <td>{{CompatNo}}</td>
- <td>11.5{{ property_prefix("-o") }}<br>
- 24</td>
- <td>{{ CompatNo }}</td>
- </tr>
- </tbody>
-</table>
-<br>
-[1] WebKit Nightly fixed in bug <a href="https://bugs.webkit.org/show_bug.cgi?id=122811">122811</a>.</div>
+{{Compat("css.properties.object-position")}}
<h2 id="See_also" name="See_also">Contenido relacionado</h2>
diff --git a/files/es/web/css/opacity/index.html b/files/es/web/css/opacity/index.html
index 25bd7be86d..b29934ef24 100644
--- a/files/es/web/css/opacity/index.html
+++ b/files/es/web/css/opacity/index.html
@@ -131,83 +131,7 @@ img.opacity:hover {
<h2 id="Browser_Compatibility" name="Browser_Compatibility">Compatibilidad entre navegadores</h2>
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td rowspan="3">Basic support</td>
- <td rowspan="3">1.0</td>
- <td rowspan="3">{{ CompatGeckoDesktop("1.7") }}</td>
- <td>9.0</td>
- <td rowspan="3">9.0</td>
- <td rowspan="3">1.2 (125)</td>
- </tr>
- <tr>
- <td>8.0<br>
- <code>filter: alpha(opacity=xx)<br>
- filter: "alpha(opacity=xx)" </code><br>
- (both are synonymous)</td>
- </tr>
- <tr>
- <td>4.0<br>
- <code>filter: alpha(opacity=xx)</code></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table" style="height: 156px; width: 827px;">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td rowspan="3">Basic support</td>
- <td rowspan="3">1.0</td>
- <td rowspan="3">{{ CompatGeckoMobile("1.7") }}</td>
- <td>9.0</td>
- <td rowspan="3">9.0</td>
- <td rowspan="3">3.2</td>
- </tr>
- <tr>
- <td>8.0<br>
- <code>filter: alpha(opacity=xx)<br>
- filter: "alpha(opacity=xx)" </code><br>
- (both are synonymous)</td>
- </tr>
- <tr>
- <td>4.0<br>
- <code>filter: alpha(opacity=xx)</code></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<ul>
- <li><strong>History:</strong>  Prior to Mozilla 1.7 (Firefox 0.9) the<code> -moz-opacity </code>property was implemented in a non-standard (inherited) way. With Firefox 0.9 the behavior changed and the property was renamed to<code> opacity</code>.  Since then<code> -moz-opacity </code>was supported just as an alias for<code> opacity</code>.</li>
- <li>Gecko 1.9.1 (Firefox 3.5) and later do not support<code> -moz-opacity</code> and support for <code>MozOpacity</code> in javascript was <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=730532">removed</a> in Gecko 13.  By now, you should be using simply<code> opacity</code>.</li>
- <li>Prior to version 9, Internet Explorer does not support <code>opacity</code>, rather it supports <code>filter</code> instead.</li>
- <li>IE4 to IE9 supported the extended form <code>progid:DXImageTransform.Microsoft.Alpha(Opacity=xx)</code>.</li>
- <li>IE8 introduced <code>-ms-filter</code>, which is synonymous with <code>filter</code>. Both are gone in IE10</li>
- <li>Similar to <code>-moz-opacity</code>, <code>-khtml-opacity</code> has been dead since early 2004 (release of Safari 1.2).<br>
- Konqueror never had support for <code>-khtml-opacity</code> and had been supporting <code>opacity</code> since version 4.0.</li>
-</ul>
+{{Compat("css.properties.opacity")}}
<h2 id="See_also" name="See_also">Más información</h2>
diff --git a/files/es/web/css/order/index.html b/files/es/web/css/order/index.html
index cde99bb53a..d85f57a570 100644
--- a/files/es/web/css/order/index.html
+++ b/files/es/web/css/order/index.html
@@ -99,71 +99,7 @@ order: 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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatChrome(21.0)}}{{property_prefix("-webkit")}}<br>
- 29</td>
- <td>{{CompatGeckoDesktop("18.0")}}<sup>[1]</sup><br>
- {{CompatGeckoDesktop("20.0")}}<sup>[2]</sup></td>
- <td>
- <p>10.0{{property_prefix("-ms")}}<sup>[3]</sup><br>
- 11</p>
- </td>
- <td>12.10</td>
- <td>7 {{property_prefix("-webkit")}}<br>
- 9</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile("18.0")}}<sup>[1]</sup><br>
- {{CompatGeckoMobile("20.0")}}<sup>[2]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>12.10</td>
- <td>7 {{property_prefix("-webkit")}}<br>
- 9</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Para activar el soporte Flexbox en  Firefox 18 and 19, el usuario debe cambiar en preferencias about:config <code>layout.css.flexbox.enabled</code> a <code>true</code>. Las cajas flexibles multi-línea son soportadas desde Firefox 28.</p>
-
-<p>Actualmente Firefox cambia incorrectamente el orden de tabulación de los elementos. Ver {{bug("812687")}}.</p>
-
-<p>[2] Además del soporte sin prefijo, Gecko 48.0 {{geckoRelease("48.0")}} añade soporte para un prefijo <code>-webkit</code> en versión porpietaria por razones compatibilidad web bajo la preferencia <code>layout.css.prefixes.webkit</code>, por defecto en <code>false</code>. Desde Gecko 49.0 {{geckoRelease("49.0")}} la preferencia por defecto está en <code>true</code>.</p>
-
-<p>[3] En Internet Explorer 10, un contenedor flexible se declara usando <code>display:-ms-flexbox</code> y no <code>display:flex</code>. La propiedad está implementada bajo el monbre no-estándar <code>-ms-flex-order</code>.</p>
+{{Compat("css.properties.order")}}
<h2 id="Ver_también">Ver también</h2>
diff --git a/files/es/web/css/outline-color/index.html b/files/es/web/css/outline-color/index.html
index 37225a806b..c5737ef780 100644
--- a/files/es/web/css/outline-color/index.html
+++ b/files/es/web/css/outline-color/index.html
@@ -89,64 +89,4 @@ outline-color: unset;
<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidad de navegadores</h2>
-<div>{{CompatibilityTable}}</div>
-
-<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>1.0</td>
- <td>{{CompatGeckoDesktop("1.8")}} [1]</td>
- <td>8.0</td>
- <td>7.0</td>
- <td>1.2 (125)</td>
- </tr>
- <tr>
- <td>valor <code>invert</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}} [2]</td>
- <td>8.0</td>
- <td>{{CompatNo}} [3]</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] En versiones previas a Gecko 1.8: <code>-moz-outline-color</code>.</p>
-
-<p>[2] El soporte fue retirado en la versión 3.0 (1.9).</p>
-
-<p>[3] Soportado en Opera 7 pero el soporte fue retirado en Opera 15 con la adopción del motor Chromium/Blink.</p>
+{{Compat("css.properties.outline-color")}}
diff --git a/files/es/web/css/outline-offset/index.html b/files/es/web/css/outline-offset/index.html
index f002590090..9ed65bd5f6 100644
--- a/files/es/web/css/outline-offset/index.html
+++ b/files/es/web/css/outline-offset/index.html
@@ -87,50 +87,4 @@ outline-offset: unset;
<h2 id="Browser_Compatibility" name="Browser_Compatibility">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>1.0</td>
- <td>{{CompatGeckoDesktop("1.8")}}</td>
- <td>{{ CompatNo() }}</td>
- <td>9.5</td>
- <td>1.2</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.outline-offset")}}
diff --git a/files/es/web/css/outline-style/index.html b/files/es/web/css/outline-style/index.html
index 4698e30187..c7ab8dd61a 100644
--- a/files/es/web/css/outline-style/index.html
+++ b/files/es/web/css/outline-style/index.html
@@ -196,68 +196,4 @@ outline-style: unset;
<h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2>
-<div>{{CompatibilityTable}}</div>
-
-<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>1.0</td>
- <td>1.5 (1.8)<sup>[1]</sup></td>
- <td>8.0</td>
- <td>7.0</td>
- <td>1.2 (125)</td>
- </tr>
- <tr>
- <td><code>auto</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>2.1</td>
- <td>{{CompatGeckoMobile("46")}}</td>
- <td>10</td>
- <td>12</td>
- <td>3.2</td>
- </tr>
- <tr>
- <td><code>auto</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] En navegadores anteriores a <a href="/en-US/docs/Gecko">Gecko</a> 1.8 (<a href="/en-US/docs/Firefox_1.5_for_developers">Firefox 1.5</a>) este efecto podía lograrse usando la <a href="/es/docs/Web/CSS/Referencia_CSS/Extensiones_CSS_Mozilla">CSS de Mozilla</a> {{Cssxref("-moz-outline-style")}}.</p>
+{{Compat("css.properties.outline-style")}}
diff --git a/files/es/web/css/outline-width/index.html b/files/es/web/css/outline-width/index.html
index ce3d763dcb..b45349c1df 100644
--- a/files/es/web/css/outline-width/index.html
+++ b/files/es/web/css/outline-width/index.html
@@ -125,52 +125,4 @@ outline-width: inherit;
<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>1.0</td>
- <td>1.5 (1.8)<sup>[1]</sup></td>
- <td>8.0</td>
- <td>7.0</td>
- <td>1.2 (125)</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] En navegadores previos a <a href="/es/docs/Gecko">Gecko</a> 1.8 (<a href="/es/docs/Firefox_1.5_para_Desarrolladores">Firefox 1.5</a>) se podía lograr esencialmente el mismo efecto usando la <a href="/es/docs/Web/CSS/Referencia_CSS/Extensiones_CSS_Mozilla">Extensión CSS de Mozilla</a> {{Cssxref("-moz-outline-width")}}.</p>
+{{Compat("css.properties.outline-width")}}
diff --git a/files/es/web/css/padding-bottom/index.html b/files/es/web/css/padding-bottom/index.html
index bdb5b91977..4bb8577663 100644
--- a/files/es/web/css/padding-bottom/index.html
+++ b/files/es/web/css/padding-bottom/index.html
@@ -82,54 +82,4 @@ padding-bottom: unset;
<h2 id="Compatibilidad_en_navegadores">Compatibilidad en navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Características</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>1.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>1.0 (1.0)</td>
- <td>4.0</td>
- <td>3.5</td>
- <td>1.0 (85)</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Características</th>
- <th>Android</th>
- <th>Edge</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.padding-bottom")}}
diff --git a/files/es/web/css/padding-top/index.html b/files/es/web/css/padding-top/index.html
index 09c3821a67..5457d0e609 100644
--- a/files/es/web/css/padding-top/index.html
+++ b/files/es/web/css/padding-top/index.html
@@ -82,54 +82,4 @@ padding-top: unset;
<h2 id="Browser_Compatibility" name="Browser_Compatibility">Compatibilidad en navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Características</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Soporte Básico</td>
- <td>1.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>1.0 (1.0)</td>
- <td>4.0</td>
- <td>3.5</td>
- <td>1.0 (85)</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Características</th>
- <th>Android</th>
- <th>Edge</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</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>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.padding-top")}}
diff --git a/files/es/web/css/padding/index.html b/files/es/web/css/padding/index.html
index 38d67a67e1..e35de2f739 100644
--- a/files/es/web/css/padding/index.html
+++ b/files/es/web/css/padding/index.html
@@ -123,53 +123,7 @@ h3{
<h2 id="Browser_Compatibility" name="Browser_Compatibility">Compatibilidad en navegadores</h2>
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Características</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>1.0</td>
- <td>1.0 (1.0)</td>
- <td>4.0</td>
- <td>3.5</td>
- <td>1.0 (85)</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Características</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.padding")}}
<h2 id="Ver_también">Ver también</h2>
diff --git a/files/es/web/css/percentage/index.html b/files/es/web/css/percentage/index.html
index 4872110a2c..f18d95ecb9 100644
--- a/files/es/web/css/percentage/index.html
+++ b/files/es/web/css/percentage/index.html
@@ -78,50 +78,4 @@ original_slug: Web/CSS/porcentaje
<h2 id="Browser_Compatibility" name="Browser_Compatibility">Compatibilidad de navegadores</h2>
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Soporte basico</td>
- <td>1.0</td>
- <td>1.0 (1.0)</td>
- <td>&lt;=5.0</td>
- <td>yes</td>
- <td>1.0 (85)</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte basico</td>
- <td>si</td>
- <td>si</td>
- <td>si</td>
- <td>si</td>
- <td>si</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.types.percentage")}}
diff --git a/files/es/web/css/perspective/index.html b/files/es/web/css/perspective/index.html
index 6ab1d25783..cde33c894c 100644
--- a/files/es/web/css/perspective/index.html
+++ b/files/es/web/css/perspective/index.html
@@ -139,55 +139,7 @@ perspective: inherited
<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>12{{ property_prefix('-webkit') }}</td>
- <td>{{ CompatGeckoDesktop("10") }}{{ property_prefix('-moz') }}<br>
- {{ CompatGeckoDesktop("16") }}</td>
- <td>10</td>
- <td>15{{ property_prefix('-webkit') }}</td>
- <td>{{ CompatVersionUnknown() }}{{ property_prefix('-webkit') }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>3.0{{ property_prefix('-webkit') }}</td>
- <td>{{ CompatGeckoMobile("10") }}{{ property_prefix('-moz') }}<br>
- {{ CompatGeckoMobile("16") }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatVersionUnknown() }}{{ property_prefix('-webkit') }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.perspective")}}
<h2 id="See_also" name="See_also">Ver también</h2>
diff --git a/files/es/web/css/print-color-adjust/index.html b/files/es/web/css/print-color-adjust/index.html
index 70834a540e..6094edb0e1 100644
--- a/files/es/web/css/print-color-adjust/index.html
+++ b/files/es/web/css/print-color-adjust/index.html
@@ -40,59 +40,7 @@ original_slug: Web/CSS/-webkit-print-color-adjust
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos 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}}<sup>[1]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>6.0<sup>[2]</sup></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Chrome no soporta la impresión de fondo del elemento {{HTMLElement("body")}}. Si se fija la propiedad a  <code>exact</code> en el elemento body , sólo se aplicará a sus descendientes.</p>
-
-<p>Cuando se recortan las imágenes de fondo (por ejemplo cuando usamos sprites e imágenes de fondo), causado por el <a href="http://code.google.com/p/chromium/issues/detail?id=131054">Chromium bug 131054</a>,  las imágenes aparecerán distorsionadas al ser impresas desde el navegador Chrome con  <code>-webkit-print-color-adjust: exact</code>. Fondos de colores sólidos e imágenes de fondo que no sean recortadas (es decir que tengan menor anchura y altura que el elemento al que se aplican) serán impresas de manera correcta.</p>
-
-<p>[2] Safari no soporta la impresión de fondo del elemento {{HTMLElement("body")}}. Si se fija la propiedad a  <code>exact</code> en el elemento body , sólo se aplicará a sus descendientes.</p>
+{{Compat("css.properties.print-color-adjust")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/resize/index.html b/files/es/web/css/resize/index.html
index 45ed53fd4d..d1c7877e80 100644
--- a/files/es/web/css/resize/index.html
+++ b/files/es/web/css/resize/index.html
@@ -123,69 +123,7 @@ p {
<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidad de Navegador</h2>
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Basic support (on {{HTMLElement("textarea")}})</td>
- <td>1.0</td>
- <td>{{CompatGeckoDesktop("2.0")}}{{ property_prefix("-moz") }}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>3.0 (522)</td>
- </tr>
- <tr>
- <td>On any block-level and replaced element, table cell, and inline block element (unless {{cssxref("overflow")}} is <code>visible</code>)</td>
- <td>4.0</td>
- <td>{{ CompatGeckoDesktop("5.0") }}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>4.0</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support (on {{HTMLElement("textarea")}})</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>On any block-level and replaced element, table cell, and inline block element (unless {{cssxref("overflow")}} is <code>visible</code>)</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.resize")}}
<h2 id="Ver_también">Ver también</h2>
diff --git a/files/es/web/css/resolution/index.html b/files/es/web/css/resolution/index.html
index 59dab5ddee..f744c0f973 100644
--- a/files/es/web/css/resolution/index.html
+++ b/files/es/web/css/resolution/index.html
@@ -77,73 +77,7 @@ ten dpi Incorecto: sólo deben ser ut
<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidad de navegadores</h2>
-<div>{{CompatibilityTable}}</div>
-
-<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>29</td>
- <td>3.5 (1.9.1)<sup>[1]</sup></td>
- <td>9</td>
- <td>9.5</td>
- <td>{{CompatNo}}<sup>[2]</sup></td>
- </tr>
- <tr>
- <td><code>dppx</code></td>
- <td>29</td>
- <td>{{CompatGeckoDesktop("16.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>12.10</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}<sup>[2]</sup></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}<sup>[2]</sup></td>
- </tr>
- <tr>
- <td><code>dppx</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile("16.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>12.10</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Antes de Firefox 8 (Gecko 8.0), era erroneamente aceptado sólo dimensiones CSS que fueran {{cssxref("&lt;integer&gt;")}} seguidos por la unidad. A partir de esa versión, es compatible con cualquier dimensión ({{cssxref("&lt;number&gt;")}} CSS válido seguido inmediatamente por la unidad).</p>
-
-<p>[2] El Webkit engine no soporta resolución CSS  en la especificación, es necesario el uso del no estandar <code>device-pixel-ratio</code> query para el navegador Safari, ver <a href="https://bugs.webkit.org/show_bug.cgi?id=16832">bug 16832</a>.</p>
+{{Compat("css.types.resolution")}}
<h2 id="See_also" name="See_also">Ver también</h2>
diff --git a/files/es/web/css/scroll-behavior/index.html b/files/es/web/css/scroll-behavior/index.html
index 035d651d31..8af16c2cce 100644
--- a/files/es/web/css/scroll-behavior/index.html
+++ b/files/es/web/css/scroll-behavior/index.html
@@ -114,52 +114,4 @@ scroll-page {
<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidad con 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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>61<sup>[1]</sup></td>
- <td>{{ CompatGeckoDesktop("36") }}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{ CompatGeckoDesktop("36") }}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Soportado en Chrome and Opera activando las opciones"<strong>Smooth Scrolling</strong>" o "<strong>Enable experimental web platform features</strong>".</p>
+{{Compat("css.properties.scroll-behavior")}}
diff --git a/files/es/web/css/text-decoration-color/index.html b/files/es/web/css/text-decoration-color/index.html
index c8ad57d2e7..3b53063f2d 100644
--- a/files/es/web/css/text-decoration-color/index.html
+++ b/files/es/web/css/text-decoration-color/index.html
@@ -97,52 +97,4 @@ text-decoration-color: 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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatGeckoDesktop("6.0") }} - {{ CompatGeckoDesktop("39.0") }}{{ property_prefix("-moz") }}<br>
- {{ CompatGeckoDesktop("36.0") }} without prefix</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatNo }}</td>
- <td>7.1 {{property_prefix("-webkit")}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatGeckoMobile("6.0") }} - {{ CompatGeckoMobile("39.0") }}{{ property_prefix("-moz") }}<br>
- {{ CompatGeckoMobile("36.0") }} without prefix</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatNo }}</td>
- <td>8 {{ property_prefix("-webkit") }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.text-decoration-color")}}
diff --git a/files/es/web/css/text-decoration-style/index.html b/files/es/web/css/text-decoration-style/index.html
index a8cc72eb54..c49d44c8b5 100644
--- a/files/es/web/css/text-decoration-style/index.html
+++ b/files/es/web/css/text-decoration-style/index.html
@@ -130,71 +130,4 @@ text-decoration-style: 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>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatGeckoDesktop("6.0") }} - {{CompatGeckoDesktop("39.0")}}{{ property_prefix("-moz") }}<br>
- {{ CompatGeckoDesktop("36.0") }}</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatNo }}</td>
- </tr>
- <tr>
- <td>wavy</td>
- <td>{{ CompatGeckoDesktop("6.0") }}</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatNo }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatGeckoMobile("6.0") }}- {{CompatGeckoMobile("39.0")}}{{ property_prefix("-moz") }}<br>
- {{ CompatGeckoMobile("36.0") }}</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatNo }}</td>
- </tr>
- <tr>
- <td>wavy</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatGeckoMobile("6.0") }}</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatNo }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.text-decoration-style")}}
diff --git a/files/es/web/css/text-decoration/index.html b/files/es/web/css/text-decoration/index.html
index bdeca2d164..8d5517a3b9 100644
--- a/files/es/web/css/text-decoration/index.html
+++ b/files/es/web/css/text-decoration/index.html
@@ -104,96 +104,7 @@ p.underover {
<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>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatGeckoDesktop("1.0")}}</td>
- <td>1.0</td>
- <td>3.0</td>
- <td>3.5</td>
- <td>1.0</td>
- </tr>
- <tr>
- <td>valor <code>blink</code></td>
- <td>{{CompatGeckoDesktop("1.0")}}<br>
- {{CompatGeckoDesktop("23.0")}}<sup>[1]</sup></td>
- <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
- <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
- <td>4.0<br>
- 15.0<sup>[1]</sup></td>
- <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
- </tr>
- <tr>
- <td>Propiedad reducida</td>
- <td>{{CompatGeckoDesktop("6.0")}}<sup>[3]</sup><br>
- {{CompatGeckoDesktop("36.0")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>7.1<sup>[2]</sup></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatGeckoMobile("1.0")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td>valor <code>blink</code></td>
- <td>{{CompatGeckoDesktop("1.0")}}<br>
- {{CompatGeckoDesktop("23.0")}}<sup>[1]</sup></td>
- <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
- <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
- <td>4.0<sup>[1]</sup></td>
- <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
- </tr>
- <tr>
- <td>Propiedad reducida</td>
- <td>{{CompatGeckoMobile("6.0")}}<sup>[3]</sup><br>
- {{CompatGeckoMobile("36.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>8<sup>[1]</sup></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] El valor <code>blink</code> no tiene ningún efecto.</p>
-
-<p>[2] Safari no soporta {{cssxref("text-decoration-style")}}.</p>
-
-<p>[3] Esta versión de Gecko tiene una implementación parcial.</p>
+{{Compat("css.properties.text-decoration")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/text-emphasis/index.html b/files/es/web/css/text-emphasis/index.html
index f7018e34d6..5a3a94a071 100644
--- a/files/es/web/css/text-emphasis/index.html
+++ b/files/es/web/css/text-emphasis/index.html
@@ -118,56 +118,7 @@ text-emphasis: unset;
<h2 id="Compatibilidad_del_navegador">Compatibilidad del navegador</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatGeckoDesktop("46")}}<sup>[1]</sup></td>
- <td>25.0{{property_prefix("-webkit")}}</td>
- <td>{{CompatNo()}}</td>
- <td>15.0{{property_prefix("-webkit")}}</td>
- <td>6.1{{property_prefix("-webkit")}}<br>
- 7.1</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatGeckoDesktop("46")}}<sup>[1]</sup></td>
- <td>4.4{{property_prefix("-webkit")}}</td>
- <td>{{CompatNo()}}</td>
- <td>33{{property_prefix("-webkit")}}</td>
- <td>7.1</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] In Firefox 45, it wasn't activated by default: in <code>about:config</code>, the user has to set the preference <code>layout.css.text-emphasis.enabled</code> to <code>true</code>. Activated by default in Firefox 46, this preference was removed in Firefox 49.</p>
+{{Compat("css.properties.text-emphasis")}}
<h2 id="Ver_también">Ver también</h2>
diff --git a/files/es/web/css/text-shadow/index.html b/files/es/web/css/text-shadow/index.html
index 4bb95ecb0e..5e58fd81ae 100644
--- a/files/es/web/css/text-shadow/index.html
+++ b/files/es/web/css/text-shadow/index.html
@@ -133,62 +133,7 @@ text-shadow: 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>2.0</td>
- <td>{{CompatGeckoDesktop("1.9.1")}}<sup>[1]</sup></td>
- <td>10<sup>[3]</sup></td>
- <td>9.5<sup>[2]</sup></td>
- <td>1.1 (100)<sup>[4]</sup></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Gecko teóricamente soporta sombras de texto infinitas (no lo intente). Gecko 2 {{geckoRelease("2.0")}} y superiores limitan el radio de difuminación a 300 por razones de rendimiento. Si el valor &lt;color&gt; no es especificado, Gecko usará el valor de la propiedad {{cssxref("color")}} del elemento.</p>
-
-<p>[2] Opera soporta un máximo de 6-9 sombras de texto por motivos de rendimiento. El radio de difuminación está limitado a 100px. Opera 9.5 a 10.1 utiliza el antiguo orden en reversa de dibujado (CSS2, la primera sombra en aplicar es la última que se define).</p>
-
-<p>[3] Internet Explorer 5.5 soporta la propiedad <a class="external" href="http://msdn.microsoft.com/en-us/library/ms673539(loband).aspx"><code>Shadow</code> and <code>DropShadow</code> Filter</a> de Microsoft.</p>
-
-<p>[4] En Safari, cualquier sombra que no especifique explícitamente un color es transparente. Safari 1.1 a 3.2 sólo soportan una sombra de texto (muestra la primera definida en la propiedad e ignora al resto). Safari 4.0 (WebKit 528) y superiores soportan múltiples sombras de texto.<br>
- Konqueror soporta sombras de texto desde la versión 3.4.</p>
+{{Compat("css.properties.text-shadow")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/text-transform/index.html b/files/es/web/css/text-transform/index.html
index 048f083c7b..29899f57fa 100644
--- a/files/es/web/css/text-transform/index.html
+++ b/files/es/web/css/text-transform/index.html
@@ -314,183 +314,7 @@ strong { width: 100%; float: right; }</pre>
<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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>1.0</td>
- <td>{{CompatGeckoDesktop("1")}}</td>
- <td>4.0</td>
- <td>7.0</td>
- <td>1.0</td>
- </tr>
- <tr>
- <td><code>capitalize</code> (versión de CSS3)</td>
- <td>{{CompatUnknown}}<sup>[1]</sup></td>
- <td>{{CompatGeckoDesktop("14")}}<sup>[1]</sup></td>
- <td>{{CompatUnknown}}<sup>[1]</sup></td>
- <td>{{CompatUnknown}}<sup>[1]</sup></td>
- <td>{{CompatUnknown}}<sup>[1]</sup></td>
- </tr>
- <tr>
- <td><code>full-size-kana</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>full-width</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop("19")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>ß</code> → <code>SS</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("1")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>i</code> → <code>İ</code> e <code>ı</code> → <code>I</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop("14")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>Dígrafo holandés <code>IJ</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop("14")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>Letras griegas acentuadas</td>
- <td>30</td>
- <td>{{CompatGeckoDesktop("15")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>Σ</code> → <code>σ</code> o término de palabra <code>ς</code></td>
- <td>30</td>
- <td>{{CompatGeckoDesktop("14")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>6.0</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>1.0</td>
- <td>{{CompatGeckoMobile("1")}}</td>
- <td>6.0</td>
- <td>6.0</td>
- <td>1.0</td>
- </tr>
- <tr>
- <td><code>capitalize</code> (versión de CSS3)</td>
- <td>{{CompatUnknown}}<sup>[1]</sup></td>
- <td>{{CompatGeckoMobile("14")}}<sup>[1]</sup></td>
- <td>{{CompatUnknown}}<sup>[1]</sup></td>
- <td>{{CompatUnknown}}<sup>[1]</sup></td>
- <td>{{CompatUnknown}}<sup>[1]</sup></td>
- </tr>
- <tr>
- <td><code>full-size-kana</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>full-width</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoMobile("19")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>ß</code> → <code>SS</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile("1")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>i</code> → <code>İ</code> e <code>ı</code> → <code>I</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoMobile("14")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>Dígrafo holandés <code>IJ</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoMobile("14")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>Letras griegas acentuadas</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>Σ</code> → <code>σ</code> o término de palabra <code>ς</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoMobile("14")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] La palabra clave <code>capitalize</code> fue pobremente especificada en CSS 1 y CSS 2.1. Había diferencias entre navegadores en la forma en que se calculaba la primera letra (Firefox consideraba - y _ como letras, pero los otros navegadores no. Tango Webkit como Gecko consideraban incorrectamente símbolos basados en letra, por ejemplo <code>ⓐ,</code> como letras reales. Internet Explorer 9 fue el que se apegó más a la definición de CSS 2, pero con algunos casos extraños). Definiendo detalladamente el comportamiento correcto, el Nivel 3 de Textos CSS clarifica estas confusiones. La línea <code>capitalize</code> en la tabla de compatibilidad de navegadores contiene la versión de los distintos motores en la que comenzaron a soportar este comportamiento mejor definido.</p>
+{{Compat("css.properties.text-transform")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/transform-function/index.html b/files/es/web/css/transform-function/index.html
index 2e6a49bd81..c4e954df91 100644
--- a/files/es/web/css/transform-function/index.html
+++ b/files/es/web/css/transform-function/index.html
@@ -115,77 +115,4 @@ translation_of: Web/CSS/transform-function
<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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.9.1")}}<sup>[1]</sup></td>
- <td>9.0<sup>[2]</sup></td>
- <td>10.5</td>
- <td>3.1</td>
- </tr>
- <tr>
- <td>Soporte de 3D</td>
- <td>12.0</td>
- <td>{{CompatGeckoDesktop("10.0")}}</td>
- <td>10.0</td>
- <td>15.0</td>
- <td>4.0</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatAndroid(2.1)}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>11.5</td>
- <td>3.2</td>
- </tr>
- <tr>
- <td>Soporte de 3D</td>
- <td>{{CompatAndroid(3.0)}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>22</td>
- <td>3.2</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Gecko 14.0 quitó el soporte experimental para <code>skew()</code>, pero se reintrodujo en Gecko 15.0 por razones de compatibilidad. Siendo no estándar, y probablemente removido en el futuro, no se recomienda usarlo.</p>
-
-<p>Antes de Firefox 16, los valores de traslación de <code>matrix()</code> y <code>matrix3d()</code> podían ser valores {{cssxref("length")}}, además del valor estándar {{cssxref("number")}}.</p>
-
-<p>[2] Internet Explorer 5.5 y superiores soportan la propiedad exclusiva <a href="https://msdn.microsoft.com/es-es/library/ms533014(VS.85,loband).aspx">Matrix Filter</a>, la cual puede ser usada para lograr un efecto similar.</p>
-
-<p>Internet Explorer 9.0 e inferiores no tienen soporte para transformaciones 3D. Combinar transformaciones 3D y 2D, como <code>-ms-transform: rotate(10deg) translateZ(0);</code>, hará que la propiedad completa sea descartada.</p>
+{{Compat("css.types.transform-function")}}
diff --git a/files/es/web/css/transform-origin/index.html b/files/es/web/css/transform-origin/index.html
index fbc03cc320..6067ba6cd2 100644
--- a/files/es/web/css/transform-origin/index.html
+++ b/files/es/web/css/transform-origin/index.html
@@ -182,78 +182,7 @@ transform-origin: <em>y-offset-keyword</em> <em>x-offset-keyword z-offset</em>
<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Características</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatVersionUnknown() }} {{ property_prefix("-webkit") }}</td>
- <td>{{ CompatGeckoDesktop("1.9.1") }}{{ property_prefix("-moz") }}<br>
- {{ CompatGeckoDesktop("16.0") }}</td>
- <td>9.0{{ property_prefix("-ms") }}<br>
- 10.0</td>
- <td>10.5{{ property_prefix("-o") }}<br>
- 12.10</td>
- <td>3.1{{ property_prefix("-webkit") }}</td>
- </tr>
- <tr>
- <td>Sintaxis con tres valores</td>
- <td>{{ CompatVersionUnknown() }} {{ property_prefix("-webkit") }}</td>
- <td>{{ CompatGeckoDesktop("10") }}{{ property_prefix("-moz") }}<br>
- {{ CompatGeckoDesktop("16.0") }}</td>
- <td>10.0</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatVersionUnknown() }} {{ property_prefix("-webkit") }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Características</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- <tr>
- <td>Sintaxis con tres valores</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div class="note"><strong>Note</strong>: Internet Explorer 5.5 o versiones posteriores soportan la propiedad <a class="external" href="http://msdn.microsoft.com/en-us/library/ms533014%28VS.85,loband%29.aspx">Matrix Filter</a> que puede ser usada para lograr efectos similares.</div>
+{{Compat("css.properties.transform-origin")}}
<h2 id="Ver_también">Ver también</h2>
diff --git a/files/es/web/css/transition-delay/index.html b/files/es/web/css/transition-delay/index.html
index a83a7e1f16..9aa166619b 100644
--- a/files/es/web/css/transition-delay/index.html
+++ b/files/es/web/css/transition-delay/index.html
@@ -328,57 +328,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<h2 id="Browser_compatibility">Browser compatibility</h2>
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>1.0 {{ property_prefix("-webkit") }}</td>
- <td>{{ CompatGeckoDesktop("2.0") }} {{ property_prefix("-moz") }}<br>
- {{ CompatGeckoDesktop("16.0") }}</td>
- <td>10.0</td>
- <td>11.6 {{ property_prefix("-o") }}<br>
- 12.10 <a href="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot">#</a></td>
- <td>3.0 {{ property_prefix("-webkit") }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>2.1 {{ property_prefix("-webkit") }}</td>
- <td>{{ CompatGeckoMobile("2.0") }} {{ property_prefix("-moz") }}<br>
- {{ CompatGeckoMobile("16.0") }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>10.0 {{ property_prefix("-o") }}<br>
- 12.10 <a href="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot">#</a></td>
- <td>3.2 {{ property_prefix("-webkit") }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.transition-delay")}}
<h2 id="See_also">See also</h2>
diff --git a/files/es/web/css/transition/index.html b/files/es/web/css/transition/index.html
index b7e182ddd3..e774bec089 100644
--- a/files/es/web/css/transition/index.html
+++ b/files/es/web/css/transition/index.html
@@ -65,59 +65,7 @@ transition: all 0.5s ease-out;
<h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2>
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>1.0 {{ property_prefix("-webkit") }}<br>
- 26.0</td>
- <td>{{ CompatGeckoDesktop("2.0") }} {{ property_prefix("-moz") }}<br>
- {{ CompatGeckoDesktop("16.0") }}</td>
- <td>10.0</td>
- <td>11.6 {{ property_prefix("-o") }}<br>
- 12.10 <a href="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot">#</a></td>
- <td>3.0 {{ property_prefix("-webkit") }}<br>
- 6.1</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>2.1 {{ property_prefix("-webkit") }}</td>
- <td>{{ CompatGeckoMobile("2.0") }} {{ property_prefix("-moz") }}<br>
- {{ CompatGeckoMobile("16.0") }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>10.0 {{ property_prefix("-o") }}<br>
- 12.10 <a href="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot">#</a></td>
- <td>3.2 {{ property_prefix("-webkit") }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.transition")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/user-modify/index.html b/files/es/web/css/user-modify/index.html
index f350fe7a43..0401a9666e 100644
--- a/files/es/web/css/user-modify/index.html
+++ b/files/es/web/css/user-modify/index.html
@@ -69,60 +69,7 @@ original_slug: Web/CSS/-moz-user-modify
<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos navegadores</h2>
-<div>{{CompatibilityTable}}</div>
-
-<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>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.0")}} {{property_prefix("-moz")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>3.0 {{property_prefix("-webkit")}}<sup>[1]</sup></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>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] También soporta: <code>-webkit-user-modify: read-write-plaintext-only</code> (Se perderá el texto enriquecido).<br>
- Esta propiedad se llamó  <code>-khtml-user-modify</code> en Safari 2.0.</p>
+{{Compat("css.properties.user-modify")}}
<h2 id="Ver_además">Ver además</h2>
diff --git a/files/es/web/css/var()/index.html b/files/es/web/css/var()/index.html
index 27e1f6dc34..0f8dc84a0a 100644
--- a/files/es/web/css/var()/index.html
+++ b/files/es/web/css/var()/index.html
@@ -70,61 +70,7 @@ body {
<h2 id="Compatibilidad_con_navegadores">Compatibilidad con 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>Basic support</td>
- <td>48<sup>[2]</sup><br>
- 49</td>
- <td>{{CompatGeckoDesktop("29")}}<sup>[1]</sup><br>
- {{CompatGeckoDesktop("31")}}</td>
- <td>{{CompatNo}}</td>
- <td>36</td>
- <td>9.3<sup>[3]</sup></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica </th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>50</td>
- <td>{{CompatGeckoDesktop("29")}}</td>
- <td>{{CompatNo}}</td>
- <td>37</td>
- <td>9.3<sup>[3]</sup></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Esta característica es activada con la preferencia layout.css.variables.enabled, por defecto, con valor false y usando la sintaxis angituga en Gecko 29. Desde Gecko 31 esta preferencia está activada por defecto y utiliza la sintaxis --<var>nombredevariable.</var></p>
-
-<p>[2] Chrome 48 activable a través de el flag "Experimental Web Platform features" flag en <code>chrome://flags</code>.</p>
-
-<p>[3] Ver {{webkitbug(19660)}}.</p>
+{{Compat("css.properties.custom-property.var")}}
<h2 id="Ver_también">Ver también</h2>
diff --git a/files/es/web/css/vertical-align/index.html b/files/es/web/css/vertical-align/index.html
index a0411b989c..8a9ec5e33c 100644
--- a/files/es/web/css/vertical-align/index.html
+++ b/files/es/web/css/vertical-align/index.html
@@ -101,55 +101,7 @@ translation_of: Web/CSS/vertical-align
<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidad de los navegadores</h2>
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>1.0</td>
- <td>{{ CompatGeckoDesktop("1.0") }}</td>
- <td>4.0</td>
- <td>4.0</td>
- <td>1.0 (85)</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>1.0</td>
- <td>1.0</td>
- <td>{{ CompatGeckoMobile("1.0") }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>1.0</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.vertical-align")}}
<h2 id="See_also" name="See_also">Ver también</h2>
diff --git a/files/es/web/css/white-space/index.html b/files/es/web/css/white-space/index.html
index 973a2ef045..6a4eed8510 100644
--- a/files/es/web/css/white-space/index.html
+++ b/files/es/web/css/white-space/index.html
@@ -323,96 +323,7 @@ select.addEventListener("change", function(e) {
<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Soporte básico (<code>normal</code> y <code>nowrap</code>)</td>
- <td>1.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.0")}}</td>
- <td>5.5<sup>[1]</sup></td>
- <td>4.0</td>
- <td>1.0 (85)</td>
- </tr>
- <tr>
- <td><code>pre</code></td>
- <td>1.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>1.0</td>
- <td>6.0</td>
- <td>4.0</td>
- <td>1.0 (85)</td>
- </tr>
- <tr>
- <td><code>pre-wrap</code></td>
- <td>1.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.0")}}{{property_prefix("-moz")}}<br>
- {{CompatGeckoDesktop("1.9")}}</td>
- <td>8.0</td>
- <td>8.0</td>
- <td>3.0 (522)</td>
- </tr>
- <tr>
- <td><code>pre-line</code></td>
- <td>1.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.9.1")}}</td>
- <td>8.0</td>
- <td>9.5</td>
- <td>3.0 (522)</td>
- </tr>
- <tr>
- <td>Soporte en <code>&lt;textarea&gt;</code></td>
- <td>1.0</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("36")}}</td>
- <td>5.5</td>
- <td>4.0</td>
- <td>1.0 (85)</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Edge</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Internet Explorer 5.5+ supports {{Cssxref("word-wrap")}}<code>: break-word;</code>.</p>
+{{Compat("css.properties.white-space")}}
<h2 id="See_also">See also</h2>
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>
diff --git a/files/es/web/css/writing-mode/index.html b/files/es/web/css/writing-mode/index.html
index 719b4644bc..480f27112a 100644
--- a/files/es/web/css/writing-mode/index.html
+++ b/files/es/web/css/writing-mode/index.html
@@ -142,99 +142,7 @@ th {background-color: lightgray; }
<h2 id="Compatibilidad_entre_navegadores">Compatibilidad entre navegadores</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Función</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Compatibilidad básica</td>
- <td>8{{property_prefix("-webkit")}}</td>
- <td>{{CompatGeckoDesktop(41)}}<sup>[1][3]</sup></td>
- <td>9.0 {{property_prefix("-ms")}}<sup>[2]</sup></td>
- <td>15{{property_prefix("-webkit")}}</td>
- <td>5.1{{property_prefix("-webkit")}}</td>
- </tr>
- <tr>
- <td>Valores de SVG 1.1 <code>lr</code>, <code>lr-tb</code>, <code>rl</code>, <code>tb</code>, <code>tb-rl</code></td>
- <td>{{CompatChrome(48.0)}} (sin prefijos)</td>
- <td>{{CompatGeckoDesktop(43)}}</td>
- <td>9.0 {{property_prefix("-ms")}}<sup>[2]</sup></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>sideways-rl,sideways-lr</code></td>
- <td>{{CompatNo}} (a partir de 48.0)</td>
- <td>{{CompatGeckoDesktop(43)}}</td>
- <td>{{CompatNo}} (a partir de 25)</td>
- <td>{{CompatNo}} (a partir de 35.0)</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Función</th>
- <th>Android</th>
- <th>Webview de Android</th>
- <th>Chrome para Android</th>
- <th>Firefox móvil (Gecko)</th>
- <th>IE móvil</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Compatibilidad básica</td>
- <td>3{{property_prefix("-webkit")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>47{{property_prefix("-webkit")}}</td>
- <td>{{CompatGeckoMobile(41)}} <sup>[1][3]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>5.1 {{property_prefix("-webkit")}}</td>
- </tr>
- <tr>
- <td>Valores de SVG 1.1 <code>lr</code>, <code>lr-tb</code>, <code>rl</code>, <code>tb</code>, <code>tb-rl</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatChrome(48.0)}} (sin prefijos)</td>
- <td>{{CompatChrome(48.0)}} (sin prefijos)</td>
- <td>{{CompatGeckoMobile(43)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>sideways-rl,sideways-lr</code></td>
- <td>{{CompatNo}}<sup>[4]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Desde Gecko 36 hubo una implementación experimental disponible, regida por la preferencia <code>layout.css.vertical-text.enabled</code>, cuyo valor era <code>false</code> hasta Firefox 38. A partir de Firefox 39 y Firefox 40, la preferencia se activó (<code>true</code>) solo en las ediciones Nightly y DevTools. Observe que no todos los <em>widgets</em> de CSS (p. ej., tablas) la acatan, por el momento.</p>
-
-<p>[2] La implementación de Internet Explorer diverge de la especificación. Consulte el <a href="https://msdn.microsoft.com/en-us/library/ie/ms531187%28v=vs.85%29.aspx">artículo relacionado en el Centro de desarrollo de Internet Explorer</a>.</p>
-
-<p>[3] Solo a partir de Gecko 42 se admiten los sistemas de escritura bidireccionales y RTL.</p>
+{{Compat("css.properties.writing-mode")}}
<h2 id="Véase_también">Véase también</h2>
diff --git a/files/es/web/css/z-index/index.html b/files/es/web/css/z-index/index.html
index 575921944a..3fb9c55d76 100644
--- a/files/es/web/css/z-index/index.html
+++ b/files/es/web/css/z-index/index.html
@@ -63,61 +63,7 @@ left:20em; top:-25px; opacity:0.9</span></div>
<h2 id="Compatibilidad_con_navegadores">Compatibilidad con 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</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>1.0</td>
- <td>{{CompatGeckoDesktop("1.0")}}</td>
- <td>4.0</td>
- <td>4.0</td>
- <td>1.0</td>
- </tr>
- <tr>
- <td>Valores negativos (CSS2.1, no soportado en la antigua especificación CSS2)</td>
- <td>1.0</td>
- <td>{{CompatGeckoDesktop("1.9")}}</td>
- <td>4.0</td>
- <td>4.0</td>
- <td>1.0</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Soporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.z-index")}}
<h2 id="Ver_también">Ver también</h2>