CSS unicode-bidi 属性
CSS unicode-bidi 属性,和 direction 属性,决定如何处理文档中的双书写方向文本(bidirectional text)。
比如,如果一块内容同时包含有从左到右书写和从右到左书写的文本,那么用户代理(user-agent)会使用复杂的 Unicode 算法来决定如何显示文本。unicode-bidi 属性会覆盖此算法,允许开发人员控制文本嵌入(text embedding)。
实例
重写文本:
<!DOCTYPE html>
<html>
<head>
<style>
div.ex1 {
direction: rtl;
unicode-bidi: bidi-override;
}
</style>
</head>
<body>
<h2>unicode-bidi 属性</h2>
<div>一些文字。默认写入方向。</div>
<div class="ex1">一些文字。从右向左。</div>
</body>
</html>
定义和用法
unicode-bidi
属性与 direction 属性一起使用,设置或返回是否应重写文本以支持同一文档中的多种语言。
unicode-bidi
与 direction
是仅有的两个不受 all 简写影响的属性。默认值: | normal |
---|---|
继承: | 是 |
动画制作: | 不支持。请参阅:动画相关属性。 |
版本: | CSS2 |
JavaScript 语法: | object.style.unicodeBidi="bidi-override" |
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
属性 | |||||
---|---|---|---|---|---|
unicode-bidi | 2.0 | 5.5 | 1.0 | 1.3 | 9.2 |
CSS 语法
unicode-bidi: normal|embed|bidi-override|initial|inherit;
属性值
值 | 描述 |
---|---|
normal | 默认值。元素不会打开额外的嵌入级别。 |
embed | 对于行内元素,此值将打开额外的嵌入级别。 |
bidi-override | 对于行内元素,该值会创建一个覆盖; 对于块容器元素,该值将为不在另一个块容器元素内的行内级别的后代创建一个覆盖。 |
isolate | 该元素与其同胞隔离。 |
isolate-override | |
plaintext | |
initial | 将此属性设置为其默认值。参阅 initial。 |
inherit | 从其父元素继承此属性。参阅 inherit。 |
相关页面
CSS 教程:CSS 文本