Content sync and updated to md | Notification.dir [ES] (#4004)

* Sync Notificationdir

* Remove add semicolon in order to match with english version

Co-authored-by: Carolyn Wu <87150472+cw118@users.noreply.github.com>

* Update files/es/web/api/notification/dir/index.md

Co-authored-by: Carolyn Wu <87150472+cw118@users.noreply.github.com>

* Update files/es/web/api/notification/dir/index.md

Co-authored-by: Carolyn Wu <87150472+cw118@users.noreply.github.com>

* Update files/es/web/api/notification/dir/index.md

Co-authored-by: David Brito <39559632+davbrito@users.noreply.github.com>

Co-authored-by: Sergio.valera <sergioval@gmail.com>
Co-authored-by: Carolyn Wu <87150472+cw118@users.noreply.github.com>
Co-authored-by: David Brito <39559632+davbrito@users.noreply.github.com>

2 files changed, 60 insertions, 59 deletions

diff --git a/files/es/web/api/notification/dir/index.html b/files/es/web/api/notification/dir/index.html
deleted file mode 100644
index 35f58dfca7..0000000000
--- a/files/es/web/api/notification/dir/index.html
+++ /dev/null
@@ -1,59 +0,0 @@
----
-title: Notification.dir
-slug: Web/API/notification/dir
-translation_of: Web/API/Notification/dir
----
-<p>{{APIRef("Web Notifications")}}</p>
-
-<p>{{ SeeCompatTable() }}</p>
-
-<h2 id="Summary" name="Summary">Resumen</h2>
-
-<p><span style="line-height: 23.3333339691162px;">La propiedad dir indica la direccion para el lenguaje a usar </span><span style="line-height: 23.3333339691162px;">dentro de la notificación</span>.</p>
-
-<p>El valor por esta propiedad es envianda durante la instanciancion de <span style="line-height: 23.3333339691162px;">{{domxref("Notification")}} </span>mediante la definición de la propiedad dir el objeto de las opciones pasa al {{domxref ("Notificación")}} constructor.</p>
-
-<h2 id="Syntax" name="Syntax">Sintaxis</h2>
-
-<pre class="eval">var <em>direction</em> = <em>instanceOfNotification</em>.dir;
-</pre>
-
-<h3 id="Return_Value" name="Return_Value">Tipo</h3>
-
-<p>String <span style="line-height: 23.3333339691162px;">representa la actual direccion</span>. puede ser:  </p>
-
-<ul>
- <li><code>auto</code>: La direccion es definida automaticamente.</li>
- <li><code>ltr</code>: <span style="line-height: 23.3333339691162px;">El texto es desplegado de izquierda a derecha</span>.</li>
- <li><code>rtl</code>: <span style="line-height: 23.3333339691162px;">El texto es desplegado de derecha a izquierda</span>.</li>
-</ul>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Especificacion</th>
-   <th scope="col">Estado</th>
-   <th scope="col">Comentarios</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName('Web Notifications')}}</td>
-   <td>{{Spec2('Web Notifications')}}</td>
-   <td>Initial specification.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Navegadores_Compatibles">Navegadores Compatibles</h2>
-
-<p>{{Page("/en-US/docs/Web/API/Notification","Browser compatibility")}}</p>
-
-<h2 id="Ver_tambien">Ver tambien</h2>
-
-<ul>
- <li>{{domxref("Notification")}}</li>
- <li><a href="/en-US/docs/WebAPI/Using_Web_Notifications" title="/en-US/docs/WebAPI/Using_Web_Notifications">Using Web Notifications</a></li>
-</ul>
diff --git a/files/es/web/api/notification/dir/index.md b/files/es/web/api/notification/dir/index.md
new file mode 100644
index 0000000000..1e0351d982
--- /dev/null
+++ b/files/es/web/api/notification/dir/index.md
@@ -0,0 +1,60 @@
+---
+title: Notification.dir
+slug: Web/API/notification/dir
+tags:
+  - API
+  - Notification
+  - Notifications
+  - Notifications API
+  - Property
+  - Reference
+  - dir
+translation_of: Web/API/Notification/dir
+browser-compat: api.Notification.dir
+---
+{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}
+
+La propiedad `dir` de solo lectura de la interfaz {{domxref("Notification")}} indica la direccion del texto en la notificación, como se especifica en la opción `dir` del constructor {{domxref("Notification.Notification","Notification()")}}.
+
+## Sintaxis
+
+```js
+var direction = Notification.dir;
+```
+
+### Valor
+
+Un {{domxref("DOMString")}} especifica la dirección del texto, los posibles valores pueden ser:
+
+- `auto`: Aplica el comportamiento del idioma del navegador (por defecto).
+- `ltr`: El texto es desplegado de izquierda a derecha.
+- `rtl`: El texto es desplegado de derecha a izquierda.
+
+> **Nota:** La mayoría de los navegadores parecen ignorar las intrucciones explicitas `ltr` y `rtl`, y solo van a las proveídas por el navegador.
+
+## Ejemplos
+
+El siguiente código ejecuta una notificación; se crea un simple objeto `options`, luego la notificación se dispara usando el constructor `Notification()`.
+
+```js
+var options = {
+  body: 'Do you like my body?',
+  dir: 'rtl'
+}
+
+var n = new Notification('Notificación de prueba', options);
+
+console.log(n.dir); // Deberia retornar 'rtl'
+```
+
+## Especificaciones
+
+{{Specifications}}
+
+## Navegadores Compatibles
+
+{{Compat}}
+
+## Ver tambien
+
+- [Usando la API de Notificaciones](/es/docs/Web/API/Notifications_API/Using_the_Notifications_API)