La propiedad Unicode-bidi se usa en CSS usando la propiedad unicode-bidi que se aplica en HTML junto con la propiedad de dirección para determinar cómo se maneja el texto bidireccional en un documento.
Nota: La propiedad CSS de dirección establece la dirección del texto ( rtl para los idiomas escritos de derecha a izquierda y ltr para los escritos de izquierda a derecha).
Sintaxis:
unicode-bidi: embed|bidi-override;
El valor de la propiedad:
- normal: Es el valor por defecto.
- incrustar: este valor se utiliza para abrir un nivel adicional de incrustación
- bidi-override : este valor crea una anulación para el elemento en línea y, en el caso de un elemento de bloque, crea una anulación para los descendientes de nivel en línea que no están dentro de otro elemento de bloque.
Ejemplo 1: uso del valor de la propiedad bidi-override que anula el algoritmo de texto bidireccional del navegador,
Nota: Los algoritmos bidireccionales de Unicode son parte del estándar de texto Unicode que describe cómo el usuario debe ordenar los caracteres mientras representa el texto Unicode.
HTML
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: green;
}
.gfg {
direction: rtl;
unicode-bidi: bidi-override;
}
</style>
</head>
<body>
<h1>Welcome to GeeksforGeeks</h1>
<div>A Computer Science portal for geeks.</div>
<div class="gfg">Data Structure and Algorithm.</div>
</body>
</html>
Producción:
Ejemplo 2: uso del valor de propiedad incrustado que permite texto bidireccional en un elemento.
HTML
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: green;
}
.gfg {
direction: rtl;
unicode-bidi: emb;
}
</style>
</head>
<body>
<h1>Welcome to GeeksforGeeks</h1>
<div>A Computer Science portal for geeks.</div>
<div class="gfg">Data Structure and Algorithm.</div>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con la propiedad de dirección se enumeran a continuación:
- Google Chrome 2.0
- Internet Explorer 5.5
- Firefox 1.0
- Ópera 9.2
- Apple Safari 1.3
Publicación traducida automáticamente
Artículo escrito por aksrathod07 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA