Skip to content

unicode-bidi ​

描述 ​

unicode-bidi CSS 属性与 direction 属性一起确定如何处理文档中的双向文本。例如,如果内容块同时包含从左到右和从右到左的文本,则用户代理将使用复杂的 Unicode 算法来决定如何显示文本。 unicode-bidi 属性覆盖此算法并允许开发人员控制文本嵌入。

效果展示 ​

语法 ​

css
/* Keyword values */
unicode-bidi: normal;
unicode-bidi: embed;
unicode-bidi: isolate;
unicode-bidi: bidi-override;
unicode-bidi: isolate-override;
unicode-bidi: plaintext;

值 ​

  • normal 该元素不提供相对于双向算法的额外嵌入级别。对于内联元素,隐式重新排序可以跨元素边界进行。
  • embed 如果元素是内联的,则该值将打开相对于双向算法的附加嵌入级别。该嵌入级别的方向由 direction 属性给出。
  • bidi-override 对于内联元素,这会创建一个覆盖。对于块容器元素,这会为不在另一个块容器元素内的内联级后代创建覆盖。这意味着在元素内部,重新排序是严格按照 direction 属性的顺序进行的;双向算法的隐式部分被忽略。
  • isolate 该关键字指示应计算元素的容器方向性,而不考虑该元素的内容。因此,该元素与其兄弟元素隔离。当应用其双向分辨率算法时,其容器元素将其视为一个或多个 U+FFFC Object Replacement Character ,即像图像一样。
  • isolate-override 此关键字将 isolate 关键字的隔离行为应用于周围内容,并将 bidi-override 关键字的覆盖行为应用于内部内容。
  • plaintext 该关键字使元素的方向性计算不考虑其父双向状态或 direction 属性的值。方向性是使用 Unicode 双向算法的 P2 和 P3 规则计算的。此值允许显示已使用遵循 Unicode 双向算法的工具格式化的数据。