La propiedad unicode-bidi en HTML DOM se aplica junto con la propiedad de dirección para determinar cómo se maneja el texto bidireccional en un documento.
Sintaxis:
unicode-bidi: normal|embed|bidi-override|initial|inherit;
Valores de propiedad:
- normal: Es el valor por defecto. El nivel adicional de empotrar no se abre desde el elemento.
Sintaxis:
unicode-bidi: normal;
Ejemplo:
<!DOCTYPE html><html><head><title>CSS unicode-bidi Property</title><!-- style for unicode-bidi property --><style>.GFG {direction: rtl;unicode-bidi: normal;}</style></head><body><h1>GeeksforGeeks</h1><h2>CSS unicode-bidi Property</h2><divclass="GFG">A computer science portal for geeks</div></body></html>Producción:
- incrustar: este valor se utiliza para abrir un nivel adicional de incrustación.
Sintaxis:
unicode-bidi:embed;
Ejemplo:
<!DOCTYPE html><html><head><title>CSS unicode-bidi Property</title><!-- style for unicode-bidi property --><style>.GFG {direction: rtl;unicode-bidi: embed;}</style></head><body><h1>GeeksforGeeks</h1><h2>CSS unicode-bidi Property</h2><divclass="GFG">A computer science portal for geeks</div></body></html>Producció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.
Sintaxis:
unicode-bidi:bidi-override;
Ejemplo:
<!DOCTYPE html><html><head><title>CSS unicode-bidi Property</title><!-- style for unicode-bidi property --><style>.GFG {direction: rtl;unicode-bidi: bidi-override;}</style></head><body><h1>GeeksforGeeks</h1><h2>CSS unicode-bidi Property</h2><divclass="GFG">A computer science portal for geeks</div></body></html>Producción:
- initial: establece la propiedad unicode-bidi en su valor predeterminado.
Sintaxis:
unicode-bidi: initial;
Ejemplo:
<!DOCTYPE html><html><head><title>CSS unicode-bidi Property</title><!-- style for unicode-bidi property --><style>.GFG {direction: rtl;unicode-bidi: initial;}</style></head><body><h1>GeeksforGeeks</h1><h2>CSS unicode-bidi Property</h2><divclass="GFG">A computer science portal for geeks</div></body></html>Producción:
- heredar: la propiedad unicode-bidi se hereda de su elemento principal.
Sintaxis:
unicode-bidi: inherit;
Ejemplo:
<!DOCTYPE html><html><head><title>CSS unicode-bidi Property</title><!-- style for unicode-bidi property --><style>.Geeks {direction: rtl;unicode-bidi: bidi-override;}.GFG {unicode-bidi: inherit;}</style></head><body><h1>GeeksforGeeks</h1><h2>CSS unicode-bidi Property</h2><divclass="Geeks"><divclass="GFG">A computer science portal for geeks</div></div></body></html>Producción:
- aislar-anular: aplica el comportamiento de aislamiento de la palabra clave aislada al contenido circundante y el comportamiento de anulación de bidi-anulación al contenido interno.
Sintaxis:
unicode-bidi: isolate-override;
- texto plano: Hace que la direccionalidad del elemento se calcule sin considerar su estado bidireccional principal o el valor de la propiedad de dirección.
Sintaxis:
unicode-bidi: plaintext;
Navegadores compatibles: los navegadores compatibles con la propiedad unicode-bidi se enumeran a continuación:
- Google Chrome 2.0
- Internet Explorer 5.5
- Firefox 1.0
- Safari 1.3
- Ópera 9.2
Publicación traducida automáticamente
Artículo escrito por shivangsharma15 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA