CSS unicode-bidi 属性

CSS 参考手册 CSS 参考手册


重写文本：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    div.ex1 {
      direction: rtl;
      unicode-bidi: bidi-override;
    }
  </style>
</head>
<body>

  <div>一些文本。默认的书写方向。</div>
  <div class="ex1">一些文本 。从右向左的方向。</div>

</body>
</html>

尝试一下 »

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性




unicode-bidi 2.0 5.5 1.0 1.3 9.2

定义和用法

unicode-bidi 属性与 direction 属性一起使用，来设置或返回文本是否被重写，以便在同一文档中支持多种语言。

<!DOCTYPE html>
<html>
<head>
  <style>
    #myDIV {
      margin: auto;
      width: 400px;
      height: 200px;
      background-color: lightblue;
      border: 1px solid black;
      direction: rtl;
    }
  </style>
</head>
<body>

  <p>点击“尝试一下”按钮，设置 DIV 元素的 unicode-bidi 属性：</p>

  <button onclick="myFunction()">尝试一下</button>

  <div id="myDIV">这是我的 DIV 元素。</div>

  <script>
    function myFunction() {
      document.getElementById("myDIV").style.unicodeBidi = "bidi-override";
    }
  </script>

</body>
</html>

尝试一下 »

默认值： normal
继承： 是
可动画化： 否。请参阅 可动画化（animatable）。
版本： CSS2
JavaScript 语法： object.style.unicodeBidi="bidi-override" - 尝试一下 -

CSS 语法

unicode-bidi: normal|embed|bidi-override|intitial|inherit;

属性值

值 描述 测试
normal 默认。不使用附加的嵌入层面。 测试 »
embed 创建一个附加的嵌入层面。 测试 »
bidi-override 创建一个附加的嵌入层面。重新排序取决于 direction 属性。 测试 »
initial 设置该属性为它的默认值。请参阅 initial。 测试 »
inherit 从父元素继承该属性。请参阅 inherit。

相关文章

CSS 教程：CSS Text（文本）

HTML DOM 参考手册：unicodeBidi 属性


CSS 参考手册 CSS 参考手册