Style unicodeBidi 属性 详解
css3基础 2023-07-30 03:38:45小码哥的IT人生shichen
Style unicodeBidi 属性
定义和用法
unicodeBidi 属性与 direction 属性 一起使用，设置或返回是否应覆盖文本以支持同一文档中的多种语言。
另请参阅：
CSS 教程：CSS 文本
CSS 参考手册：unicode-bidi 属性
实例
例子 1
覆盖 <p> 元素中的文本：
document.getElementById("myP").style.unicodeBidi = "bidi-override";完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<p>这是一个段落。</p>
<p id="myP" style="direction:rtl">这是另一个段落。</p>
<button type="button" onclick="myFunction()">覆盖文本</button>
<script>
function myFunction() {
document.getElementById("myP").style.unicodeBidi = "bidi-override";
}
</script>
</body>
</html>可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
例子 2
返回 unicodeBidi 属性：
alert(document.getElementById("myP").style.unicodeBidi);完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<p>这是一个段落。</p>
<p id="myP" style="direction:rtl;unicode-bidi:bidi-override;">这是另一个段落。</p>
<button type="button" onclick="myFunction()">返回 unicodeBidi 属性</button>
<script>
function myFunction() {
alert(document.getElementById("myP").style.unicodeBidi);
}
</script>
</body>
</html>可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
语法
返回 unicodeBidi 属性：
object.style.unicodeBidi设置 unicodeBidi 属性：
object.style.unicodeBidi = "normal|embed|bidi-override|initial|inherit"属性值
| 值 | 描述 |
|---|---|
| normal | 不使用额外的嵌入级别。默认。 |
| embed | 创建额外的嵌入级别。 |
| bidi-override | 创建额外的嵌入级别。重新排序取决于 direction 属性。 |
| initial | 将此属性设置为其默认值。请参阅 initial。 |
| inherit | 从其父元素继承此属性。请参阅 inherit。 |
技术细节
| 默认值： | normal |
|---|---|
| 返回值： | 字符串，表示相对于双向算法的嵌入级别。 |
| CSS 版本： | CSS2 |
浏览器支持
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 支持 | 支持 | 支持 | 支持 | 支持 |
