¿Qué es el atributo dir en HTML?

Este es un atributo HTML que se utiliza para especificar la dirección del texto del contenido del elemento. El atributo HTML dir es un atributo global que significa que se puede aplicar en cualquier etiqueta HTML para la dirección del elemento.

Sintaxis:

<element dir = "ltr | rtl | auto">

Valor del atributo: este atributo contiene tres valores que se enumeran a continuación.

  1. ltr: Es el valor por defecto. Este valor representa el texto en la dirección del texto de izquierda a derecha.
  2. rtl: este valor representa el texto en la dirección del texto de derecha a izquierda.
  3. auto: permite que el navegador descubra la dirección del texto, según el contenido.

Ejemplo 1: En este ejemplo, estableceremos el valor dir rtl . El siguiente ejemplo ilustra el atributo dir en HTML.

HTML

<!DOCTYPE html>
<html>
    <head>
        <style>
            h1 {
                color:green;
            }
            h1, h2 {
                text-align:center;
            }
        </style>
    </head>
    <body>
        <h1>GeeksforGeeks</h1>
        <h2>HTML dir attribute</h2>
        <p dir="rtl">GeeksforGeeks: A
        computer science portal for geeks</p>
  
    </body>
</html>

Producción: 

En este ejemplo estableceremos el valor dir rtl.

Ejemplo 2: el atributo dir se establece en «ltr» en el siguiente ejemplo.

HTML

<!DOCTYPE html>
<html>
    <head>
        <style>
            h1 {
                color:green;
            }
            h1, h2 {
                text-align:center;
            }
        </style>
    </head>
    <body>
        <h1>GeeksforGeeks</h1>
        <h2>HTML dir attribute</h2>
        <p dir="ltr">GeeksforGeeks: A
        computer science portal for geeks</p>
  
  
    </body>
</html>

Producción:

En este ejemplo estableceremos el valor dir ltr.

Publicación traducida automáticamente

Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *