Convert /css/g-r folder to Markdown (es) (#9421)

* css/g-r html cleanup

* css/g-r rename html to md

* h2m replace

* css/g-r linting with 8181 .markdownlint-cli2.jsonc

* css/g-r drop the url title attributes

* Fix removing languages macro

* Update CSS_Selectors

* Apply suggestions from code review

files/es/web/css/border-bottom-color/index.md

@@ -83,5 +83,3 @@ element {
 Categorías
 
 Interwiki Languages
-
-{{ languages( { "de": "de/CSS/border-bottom-color", "en": "en/CSS/border-bottom-color", "fr": "fr/CSS/border-bottom-color", "ja": "ja/CSS/border-bottom-color", "pl": "pl/CSS/border-bottom-color" } ) }}

files/es/web/css/border-bottom-style/index.md

@@ -86,5 +86,3 @@ A menos que un valor {{ Cssxref("border-style") }} sea definido, el borde no apa
 Categorías
 
 Interwiki Languages
-
-{{ languages( { "de": "de/CSS/border-bottom-style", "en": "en/CSS/border-bottom-style", "fr": "fr/CSS/border-bottom-style", "ja": "ja/CSS/border-bottom-style", "pl": "pl/CSS/border-bottom-style" } ) }}

files/es/web/css/border-bottom-width/index.md

@@ -80,5 +80,3 @@ element {
 Categorías
 
 Interwiki Languages
-
-{{ languages( { "de": "de/CSS/border-bottom-width", "en": "en/CSS/border-bottom-width", "pl": "pl/CSS/border-bottom-width", "fr": "fr/CSS/border-bottom-width", "ja": "ja/CSS/border-bottom-width" } ) }}

files/es/web/css/border-bottom/index.md

@@ -93,5 +93,3 @@ Como el valor por defecto de {{ Cssxref("border-bottom-style") }} es `none`, el
 Categorías
 
 Interwiki Languages
-
-{{ languages( { "de": "de/CSS/border-bottom", "en": "en/CSS/border-bottom", "fr": "fr/CSS/border-bottom", "ja": "ja/CSS/border-bottom", "pl": "pl/CSS/border-bottom" } ) }}

files/es/web/css/border-collapse/index.md

@@ -72,5 +72,3 @@ CSS 2 especifica que el valor inicial para esta propiedad es `collapse`, pero CS
 Categorías
 
 Interwiki Languages
-
-{{ languages( { "en": "en/CSS/border-collapse", "fr": "fr/CSS/border-collapse", "pl": "pl/CSS/border-collapse" } ) }}

files/es/web/css/border-spacing/index.md

@@ -67,5 +67,3 @@ El espaciado de borde también se utiliza en los bordes exteriores de las tablas
 Categorías
 
 Interwiki Languages
-
-{{ languages( { "fr": "fr/CSS/border-spacing", "pl": "pl/CSS/border-spacing", "en": "en/CSS/border-spacing" } ) }}

files/es/web/css/bottom/index.md

@@ -108,5 +108,3 @@ This is as far back as the documentaion goes.
 Categorías
 
 Interwiki Languages
-
-{{ languages( { "fr": "fr/CSS/bottom", "pl": "pl/CSS/bottom", "en": "en/CSS/bottom" } ) }}

files/es/web/css/content/index.md

@@ -62,4 +62,3 @@ content: attr(alt)
 Categorías
 
 Interwiki Languages
-

files/es/web/css/css_columns/using_multi-column_layouts/index.md

@@ -93,4 +93,3 @@ Las columnas CSS3 son un nuevo método básico de disposición que ayudará a lo
 Categorías
 
 interwiki links
-

files/es/web/css/css_grid_layout/auto-placement_in_css_grid_layout/index.md

@@ -96,7 +96,6 @@ Sin embargo, puede controlar el tamaño de estas filas con la propiedad `grid-au
 
 #### Usando `minmax()`
 
-
 Puede usar [`minmax()`](/es/docs/Web/CSS/minmax) en su valor para [`grid-auto-rows`](/es/docs/Web/CSS/grid-auto-rows) permite la creación de filas de un tamaño mínimo pero luego crecer para ajustarse al contenido si es más alto.
 
 ```css hidden

files/es/web/css/css_positioning/understanding_z_index/adding_z-index/index.md

@@ -163,4 +163,3 @@ En el siguiente ejempo, el orden de apilamiento de las capas es organizado usand
 - Autor(es): Paolo Lombardi
 - Este artículo es una traducción al inglés de un artículo que escribí en italiano para [YappY](http://www.yappy.it). He dado el derecho de compartir el contenido bajo [Creative Commons: Attribution-Sharealike license](http://creativecommons.org/licenses/by-sa/2.0/)
 - Last Updated Date: November 3rd, 2014
-

files/es/web/css/css_selectors/index.md

@@ -20,31 +20,31 @@ Los **selectores** definen sobre qué elementos se aplicará un conjunto de regl
   - : Selecciona todos los elementos que coinciden con el nombre del elemento especificado.
 
     **Sintaxis:** `eltname`
-    
+
     **Ejemplo:** `input` se aplicará a cualquier elemento {{HTMLElement('input')}}.
 - [Selector de clase](/es/docs/Web/CSS/Class_selectors)
   - : Selecciona todos los elementos que tienen el atributo de `class` especificado.
 
     **Sintaxis:** `.classname`
-    
+
     **Ejemplo:** `.index` seleccionará cualquier elemento que tenga la clase "_index_".
 - [Selector de ID](/es/docs/Web/CSS/ID_selectors)
   - : Selecciona un elemento basándose en el valor de su atributo `id`. Solo puede haber un elemento con un determinado ID dentro de un documento.
 
     **Sintaxis:** `#idname`
-    
+
     **Ejemplo:** `#toc` se aplicará a cualquier elemento que tenga el ID "_toc_".
 - [Selector universal](/es/docs/Web/CSS/Universal_selectors)
   - : Selecciona todos los elementos. Opcionalmente, puede estar restringido a un espacio de nombre específico o a todos los espacios de nombres.
 
     **Sintaxis:** `* ns|* *|*`
-    
+
     **Ejemplo:** `*` se aplicará a todos los elementos del documento.
 - [Selector de atributo](/es/docs/Web/CSS/Attribute_selectors)
   - : Selecciona elementos basándose en el valor de un determinado atributo.
 
     **Sintaxis:** `[attr] [attr=value] [attr~=value] [attr|=value] [attr^=value] [attr$=value] [attr*=value]`
-    
+
     **Ejemplo:** `[autoplay]` seleccionará todos los elementos que tengan el atributo "autoplay" establecido (a cualquier valor).
 
 ## Combinadores
@@ -53,31 +53,31 @@ Los **selectores** definen sobre qué elementos se aplicará un conjunto de regl
   - : El combinador `+` selecciona hermanos adyacentes. Esto quiere decir que el segundo elemento sigue directamente al primero y ambos comparten el mismo elemento padre.
 
     **Sintaxis:** `A + B`
-    
+
     **Ejemplo:** La regla `h2 + p` se aplicará a todos los elementos {{HTMLElement('p')}} que siguen directamente a un elemento {{HTMLElement('h2')}}.
 - [Combinador general de hermanos](/es/docs/Web/CSS/Selectores_hermanos_generales)
   - : El combinador `~` selecciona hermanos. Esto quiere decir que el segundo elemento sigue al primero (no necesariamente de forma inmediata) y ambos comparten el mismo elemento padre.
 
     **Sintaxis:** `A ~ B`
-    
+
     **Ejemplo:** La regla `p ~ span` se aplicará a todos los elementos {{HTMLElement('span')}} que siguen un elemento {{HTMLElement('p')}}.
 - [Combinador de hijo](/es/docs/Web/CSS/Child_selectors)
   - : El combinador `>` selecciona los elementos que son hijos directos del primer elemento.
 
     **Sintaxis:** `A > B`
-    
+
     **Ejemplo:** La regla `ul > li` se aplicará a todos los elementos {{HTMLElement('li')}} que son hijos directos de un elemento {{HTMLElement('ul')}}.
 - [Combinador de descendientes](/es/docs/Web/CSS/Descendant_selectors)
-  - : El combinador `(espacio)` selecciona los elementos que son descendientes del primer elemento. 
+  - : El combinador `(espacio)` selecciona los elementos que son descendientes del primer elemento.
 
-  **Sintaxis:** `A B`
+    **Sintaxis:** `A B`
 
-  **Ejemplo:** La regla`div span` se aplicará a todos los elementos {{HTMLElement('span')}} que están dentro de un elemento {{HTMLElement('div')}}.
+    **Ejemplo:** La regla`div span` se aplicará a todos los elementos {{HTMLElement('span')}} que están dentro de un elemento {{HTMLElement('div')}}.
 - [Combinador de column](/es/docs/Web/CSS/Column_combinator)a {{Experimental_Inline}}
   - : El combinador `||` selecciona los elementos especificados pertenecientes a una columna.
 
     **Sintaxis:** `A || B`
-    
+
     **Ejemplo:** `col || td` seleccionará todos los elementos {{HTMLElement("td")}} que pertenezcan al ámbito de {{HTMLElement("col")}}.
 
 ## Pseudoclases

files/es/web/css/cursor/index.md

@@ -251,6 +251,3 @@ While this property works on older browsers, not all values are fully supported.
 | Konqueror         | 3.1                                  | 3.1                      |
 | Safari            | 1.2                                  | 1.2                      |
 | Safari (Win)      | 3.0                                  | 3.0                      |
-
-### See also
-

files/es/web/css/direction/index.md

@@ -62,4 +62,3 @@ Al contrario que el atributo `dir` en HTML, la propiedad `direction` no es hered
 Categorías
 
 Interwiki Languages
-

files/es/web/css/font/index.md

@@ -63,7 +63,6 @@ También se pueden especificar los tipos de letra del sistema usando la propieda
 
   \-moz-field
 
-
 ## Ejemplos
 
 [Ver El Ejemplo Vivo](/samples/cssref/font.html)

files/es/web/css/gap/index.html → files/es/web/css/gap/index.md

@@ -5,116 +5,103 @@
 translation_of_original: Web/CSS/grid-gap
 original_slug: Web/CSS/grid-gap
 ---
-<h2 id="Resumen">Resumen</h2>
+## Resumen
 
-<p>La propiedad CSS <code>grid-gap</code> es una propiedad  abreviada <a href="/en-US/docs/Web/CSS/Shorthand_properties">shorthand</a> para {{cssxref("grid-row-gap")}} y {{cssxref("grid-column-gap")}} que especifica los canales entre las filas y las columnas de la cuadrícula.</p>
+La propiedad CSS `grid-gap` es una propiedad abreviada [shorthand](/es/docs/Web/CSS/Shorthand_properties) para {{cssxref("grid-row-gap")}} y {{cssxref("grid-column-gap")}} que especifica los canales entre las filas y las columnas de la cuadrícula.
 
-<p>Si &lt;'grid-column-gap'&gt; se omite, adquiere el mismo valor que &lt;'grid-row-gap'&gt;.</p>
+Si <'grid-column-gap'> se omite, adquiere el mismo valor que <'grid-row-gap'>.
 
-<p>{{cssinfo}}</p>
+{{cssinfo}}
 
-<h2 id="Sintaxis">Sintaxis</h2>
+## Sintaxis
 
-<pre class="brush: css">/* Un valor &lt;longitud&gt; */
+```css
+/* Un valor <longitud> */
 grid-gap: 20px;
 grid-gap: 1em;
 grid-gap: 3vmin;
 grid-gap: 0.5cm;
 
-/* Un valor &lt;porcentaje&gt; */
+/* Un valor <porcentaje> */
 grid-gap: 16%;
 grid-gap: 100%;
 
-/* Dos valores &lt;longitud&gt; */
+/* Dos valores <longitud> */
 grid-gap: 20px 10px;
 grid-gap: 1em 0.5em;
 grid-gap: 3vmin 2vmax;
 grid-gap: 0.5cm 2mm;
 
-/* Uno o dos valores &lt;porcentaje&gt; */
+/* Uno o dos valores <porcentaje> */
 grid-gap: 16% 100%;
 grid-gap: 21px 82%;
 
 /* Valores Globales */
 grid-gap: inherit;
 grid-gap: initial;
 grid-gap: unset;
-</pre>
+```
 
-<h3 id="Valores">Valores</h3>
+### Valores
 
-<dl>
- <dt><code>&lt;longitud&gt;</code></dt>
- <dd>Es el ancho del calalón que separa las lineas de las rejillas.</dd>
- <dt><code>&lt;percentage&gt;</code></dt>
- <dd>Es el ancho del canalón que separa las lineas de las rejillas, en relación con la dimensión del elemento.</dd>
-</dl>
+- `<longitud>`
+  - : Es el ancho del calalón que separa las lineas de las rejillas.
+- `<percentage>`
+  - : Es el ancho del canalón que separa las lineas de las rejillas, en relación con la dimensión del elemento.
 
-<h3 id="Sintaxis_formal">Sintaxis formal</h3>
+### Sintaxis formal
 
 {{csssyntax}}
 
-<h2 id="Ejemplo">Ejemplo</h2>
+## Ejemplo
 
-<h3 id="Contenido_HTML">Contenido HTML</h3>
+Contenido HTML
 
-<pre class="brush: html">&lt;div id="grid"&gt;
-  &lt;div&gt;&lt;/div&gt;
-  &lt;div&gt;&lt;/div&gt;
-  &lt;div&gt;&lt;/div&gt;
-  &lt;div&gt;&lt;/div&gt;
-  &lt;div&gt;&lt;/div&gt;
-  &lt;div&gt;&lt;/div&gt;
-  &lt;div&gt;&lt;/div&gt;
-  &lt;div&gt;&lt;/div&gt;
-  &lt;div&gt;&lt;/div&gt;
-&lt;/div&gt;</pre>
+```html
+<div id="grid">
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+```
 
-<h3 id="Contenido_CSS">Contenido CSS</h3>
+CSS
 
-<pre class="brush: css; highlight[5]">#grid {
+```css
+#grid {
   display: grid;
   height: 200px;
   grid-template: repeat(3, 1fr) / repeat(3, 1fr);
   grid-gap: 20px 5px;
 }
 
-#grid &gt; div {
+#grid > div {
   background-color: lime;
 }
-</pre>
-
-<p>{{EmbedLiveSample("Example", "100%", "200px")}}</p>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Especificación</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentario</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName("CSS3 Grid", "#propdef-grid-gap", "grid-gap")}}</td>
-   <td>{{Spec2("CSS3 Grid")}}</td>
-   <td>definición inicial</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidad_del_navegador">Compatibilidad del navegador</h2>
+```
+
+{{EmbedLiveSample("Example", "100%", "200px")}}
+
+## Especificaciones
+
+| Especificación                                                               | Estado                       | Comentario         |
+| ---------------------------------------------------------------------------- | ---------------------------- | ------------------ |
+| {{SpecName("CSS3 Grid", "#propdef-grid-gap", "grid-gap")}} | {{Spec2("CSS3 Grid")}} | definición inicial |
+
+## Compatibilidad del navegador
 
 {{Compat("css.properties.gap")}}
 
-<h2 id="See_also">See also</h2>
+## See also
 
-<ul>
- <li>Related CSS properties: {{cssxref("grid-row-gap")}}, {{cssxref("grid-column-gap")}}</li>
- <li>Grid Layout Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout#Gutters">Basic concepts of grid layout - Gutters</a></em></li>
-</ul>
+- Related CSS properties: {{cssxref("grid-row-gap")}}, {{cssxref("grid-column-gap")}}
+- Grid Layout Guide: _[Basic concepts of grid layout - Gutters](/es/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout#Gutters)_
 
 <section id="Quick_links">
 <ol>