CSS unicode-bidi 属性-之路教程

语法

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

unicode-bidi 属性的示例：

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
    <style>
      div.text {
        direction: rtl;
        unicode-bidi: embed;
      }
    </style>
  </head>
  <body>
    <h2>Unicode-bidi 属性示例</h2>
    <div>正常书写方向。</div>
    <div class="text">使用 "embed" 值.</div>
  </body>
</html>

具有“bidi-override”值的 unicode-bidi 属性示例：

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
    <style>
      div.text {
        direction: rtl;
        unicode-bidi: bidi-override;
      }
    </style>
  </head>
  <body>
    <h2>Unicode-bidi 属性示例</h2>
    <div>正常书写方向。</div>
    <div class="text">使用 "bidi-override" 值.</div>
  </body>
</html>

CSS unicode-bidi 属性

unicode-bidi 属性指定文档中双向文本的行为。

unicode-bidi 属性允许覆盖 Unicode 算法并控制文本嵌入。
unicode-bidi 属性不应被用户、作者和网页设计者覆盖。
DTD 设计人员通常应该使用它。

此属性仅适用于方向属性。

unicode-bidi 和 direction 属性是唯一不受所有属性影响的属性。

初始值	normal
应用于	所有元素，尽管某些值对非内联元素没有影响。
继承	可继承
可动画的	无效
版本	CSS2.
DOM 语法	object.Style.unicodeBidi =“isolate”;

CSS unicode-bidi 属性值说明

值	描述
normal	并不建议另外的嵌入水平。
embed	在内联的情况下，打开另外的嵌入级别。
bidi-override	为内联元素创建覆盖。对于块容器元素，此值为内联级后代创建覆盖。
isolate	该元素与兄弟姐妹隔离。此值指定应计算元素的容器方向性，而不考虑此元素的内容。
isolate-override	将隔离行为应用于周围内容和覆盖行为到内部内容。
plaintext	该值表现为隔离值，但使用Unicode双向算法的P2和P3规则计算方向性。
initial	将属性设置为默认值。
inherit	从其父元素继承属性。

日期：2020-06-02 22:14:51 来源：oir作者：oir

←CSS transition过渡属性

CSS unicode-range 属性→

语法

unicode-bidi 属性的示例：

具有“bidi-override”值的 unicode-bidi 属性示例：

CSS unicode-bidi 属性值说明

目录