En este artículo, veremos la propiedad que se usa para establecer la dirección del texto en CSS, y también conoceremos diferentes atributos para establecer las direcciones con la implementación.
El texto se puede alinear en una dirección diferente especificando el valor de la propiedad de dirección . 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;
}
Ejemplo 1: Este ejemplo describe la configuración de la dirección del texto a la izquierda especificando el valor del atributo ltr .
HTML
<!DOCTYPE html>
<html>
<head>
<title>
Setting the Text direction
</title>
<style>
body {
color: green;
}
.ltr {
direction: ltr;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h4>Setting the Text direction</h4>
<p>
This text goes from left to right. This is default.
</p>
<p class="ltr">
This text goes from left to right.
</p>
</body>
</html>
Salida :
Ejemplo 2: este ejemplo describe la configuración de la dirección del texto a la derecha especificando el valor del atributo rtl .
HTML
<!DOCTYPE html>
<html>
<head>
<title>
Setting the Text direction
</title>
<style>
body {
color: green;
}
.rtl {
direction: rtl;
}
.ltr {
direction: ltr;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h4>Setting the Text direction</h4>
<p>
This text goes from left to right. This is default.
</p>
<p class="rtl">
This text goes from right to left.
</p>
</body>
</html>
Salida :
Publicación traducida automáticamente
Artículo escrito por sravankumar8128 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA