CSS | dirección Propiedad

La propiedad de dirección especifica la dirección del texto/escritura dentro de cualquier elemento de bloque. Puede tener dos valores rtl (de derecha a izquierda) o ltr (de izquierda a derecha)

Sintaxis:  

element_selector {
    direction: rtl|ltr|initial|inherit;
} 

Valor por defecto: 

  • litros 

Valores de propiedad: 
 

  • rtl: especifica la dirección de derecha a izquierda.
  • ltr (predeterminado): especifica la dirección de izquierda a derecha, que también es la dirección predeterminada.
  • initial: establece la propiedad en su valor predeterminado.
  • heredar: hereda la propiedad del elemento padre.

Ejemplo: 
 

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
        CSS | direction Property
    </title>
    <style>
        html {
            color: green;
        }
         
        .rtl {
            direction: rtl;
        }
         
        .ltr {
            direction: ltr;
        }
    </style>
</head>
 
<body>
 
    <h1>GeeksforGeeks</h1>
 
     
 
<p>This text goes from left to right. This is default.</p>
 
 
    <p class="ltr">This text goes from left to right.</p>
 
 
    <p class="rtl">This text goes from right to left.</p>
 
 
 
</body>
 
</html>

Producción: 
 

Navegadores compatibles: los navegadores compatibles con la propiedad de dirección se enumeran a continuación: 
 

  • Google Chrome 2.0
  • Borde 12.0
  • Internet Explorer 5.5
  • Firefox 1.0
  • Ópera 9.2
  • Apple Safari 1.0

Publicación traducida automáticamente

Artículo escrito por AshwinGoel 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 *