Propiedad unicode-bidi de CSS

La propiedad unicode-bidi especifica el comportamiento del texto bidireccional en un documento.

La propiedad unicode-bidi permite a los autores invalidar el algoritmo de Unicode y controlar la incrustación de texto. Principalmente, es utilizada por desarrolladores web para gestionar cómo se renderiza el texto de direcciones mixtas.

INFO

Esta propiedad solo funciona con la propiedad direction.

Valor inicial	normal
Se aplica a	Todos los elementos, aunque algunos valores no tienen efecto en elementos que no son en línea.
Heredable	Sí.
Animable	No.
Versión	CSS2
Sintaxis DOM	object.style.unicodeBidi = "isolate";

Sintaxis

Valores de unicode-bidi en CSS

css

unicode-bidi: normal | embed | bidi-override | isolate | isolate-override | plaintext | initial | inherit;

Ejemplo de la propiedad unicode-bidi:

Ejemplo de código CSS unicode-bidi

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      div.text {
        direction: rtl;
        unicode-bidi: embed;
      }
    </style>
  </head>
  <body>
    <h2>Unicode-bidi property example</h2>
    <div>Normal writing direction. مرحبا بالعالم</div>
    <div class="text">Using "embed" value. مرحبا بالعالم</div>
  </body>
</html>

Try it Yourself »

Ejemplo de la propiedad unicode-bidi con el valor "bidi-override":

Ejemplo de bidi-override en CSS unicode-bidi

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      div.text {
        direction: rtl;
        unicode-bidi: bidi-override;
      }
    </style>
  </head>
  <body>
    <h2>Unicode-bidi property example</h2>
    <div>Normal writing direction. مرحبا بالعالم</div>
    <div class="text">Using "bidi-override" value. مرحبا بالعالم</div>
  </body>
</html>

Try it Yourself »

Valores

Valor	Descripción
normal	No sugiere un nivel adicional de incrustación.
embed	Abre un nivel adicional de incrustación en caso de que el elemento sea en línea.
bidi-override	Crea una invalidación para un elemento en línea. Para elementos contenedores de bloque, este valor crea una invalidación para los descendientes a nivel en línea.
isolate	El elemento está aislado de sus hermanos. Este valor especifica que la direccionalidad del contenedor del elemento debe calcularse sin tener en cuenta el contenido de este elemento.
isolate-override	Aplica el comportamiento de aislamiento al contenido circundante y el comportamiento de invalidación al contenido interno.
plaintext	Este valor se comporta como el valor isolate, pero la direccionalidad se calcula utilizando las reglas P2 y P3 del Algoritmo Bidireccional de Unicode.
initial	Establece la propiedad en su valor predeterminado.
inherit	Hereda la propiedad de su elemento padre.

Práctica

La propiedad unicode-bidi

especifica el comportamiento del texto bidireccional en un documento.permite invalidar el algoritmo de Unicode.permite controlar la incrustación de texto.no es una propiedad animable.

Propiedad unicode-bidi de CSS ​

Sintaxis ​

Ejemplo de la propiedad unicode-bidi: ​

Ejemplo de la propiedad unicode-bidi con el valor "bidi-override": ​