En este artículo, anularemos la dirección del texto actual usando el atributo dir en el elemento particular. Se utiliza para especificar la dirección del texto del contenido del elemento.
Contiene tres valores:
- ltr: Es el valor por defecto. Este valor representa el texto en la dirección del texto de izquierda a derecha.
- rtl: este valor representa el texto en la dirección del texto de derecha a izquierda.
- auto: permite que el navegador descubra la dirección del texto, según el contenido.
Sintaxis:
<element dir = "ltr | rtl | auto">
Ejemplo 1:
<!DOCTYPE html>
<html>
<head>
<title>
Override the current
text direction
</title>
<style>
h1 {
color: green;
}
h1,
h2 {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>
HTML5: How to override
the current text direction?
</h2>
<p dir="rtl">
GeeksforGeeks: A computer
science portal for geeks
</p>
</body>
</html>
Producción:
Ejemplo 2:
<!DOCTYPE html>
<html>
<head>
<title>
Override the current
text direction
</title>
<style>
h1 {
color: green;
}
h1,
h2 {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>
HTML5: How to override
the current text direction?
</h2>
<p dir="ltr">
GeeksforGeeks: A computer
science portal for geeks
</p>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA