La unicode-bidipropiedad es una de las dos propiedades CSS que manejan la representación de texto bidireccional en HTML y lenguajes basados en marcas similares (por ejemplo, XML). La otra propiedad es direction, y las dos se usan juntas para crear niveles de texto incrustado con diferentes direcciones de texto (de derecha a izquierda y de izquierda a derecha) en un solo elemento DOM.
.bilingual-excerpt ( direction: rtl; unicode-bidi: embed; )El navegador generalmente determina en qué dirección fluirá el texto en línea, dependiendo del langatributo de los elementos, la configuración regional del navegador y font-familyde elementos específicos. unicode-bidiresulta útil cuando un elemento contiene tanto texto LTR como texto RTL:
El agente de usuario aplica un algoritmo complejo definido por el estándar Unicode para determinar cómo debe aparecer el texto. Esta propiedad controla específicamente los niveles de incrustación y anula el algoritmo bidireccional Unicode.
La unicode-bidipropiedad tiene tres valores ampliamente respaldados:
- la palabra clave "normal", que no ofrece niveles adicionales de texto bidireccional incrustado (el comportamiento predeterminado del navegador). Un elemento con esta propiedad solo contendrá texto LTR o RTL.
- la palabra clave "incrustar", que permite texto bidireccional en un elemento (por ejemplo, texto RTL que fluye entre texto LTR). Esto está determinado por la
directionpropiedad y debe aplicarse a un elemento en línea. - la palabra clave "bidi-override", que actúa de la misma manera que "incrustar" cuando se aplica a elementos en línea. En los elementos de nivel de bloque, anula el algoritmo de texto bidireccional del navegador y fluye el texto dentro de cualquier elemento secundario en línea estrictamente de acuerdo con la
directionpropiedad.
Puntos de interés
- La
unicode-bidipropiedad está “destinada a diseñadores DTD. Los diseñadores web y autores similares no deben anularlo ". Decide cuidadosamente si necesitas usarlo. - Si bien Internet Explorer es técnicamente compatible
unicode-bididesde la versión 5.5, existen "errores graves relacionados con los elementos flotantes" y el uso es confiable en IE 8+ (ver más abajo)
Soporte de navegador
| Cromo | Safari | Firefox | Ópera | ES DECIR | Androide | iOS |
|---|---|---|---|---|---|---|
| Trabajos | Trabajos | Trabajos | Trabajos | 8.0+ | Trabajos | Trabajos |
Propiedades relacionadas
Almanaque el 5 de enero de 2021dirección
.element ( direction: rtl; ) 
Jwahir Sundai Almanac el 5 de enero de 2021
modo de escritura
.element ( writing-mode: vertical-rl; ) 
Robin Rendle