unicode-bidi
unicode-bidi CSS属性，与direction属性一同，决定如何对文档中的双向文本进行处理。例如，如果内容块同时包含从左到右和从右到左的文本，则用户代理使用复杂的Unicode算法来决定如何显示文本。该unicode-bidi属性重写此算法，并允许开发人员控制文本嵌入。
unicode-bidi和direction属性是两个不会受简写属性all影响的属性。
注意：此属性用于文档类型定义（DTD）设计器。网页设计师和类似的作者不应该重写它。
/* Keyword values */
unicode-bidi: normal;
unicode-bidi: embed;
unicode-bidi: isolate;
unicode-bidi: bidi-override;
unicode-bidi: isolate-override;
unicode-bidi: plaintext;
/* Global values */
unicode-bidi: inherit;
unicode-bidi: initial;
unicode-bidi: unset;Initial value | normal |
|---|---|
Applies to | all elements, though some values have no effect on non-inline elements |
Inherited | no |
Media | visual |
Computed value | as specified |
Animation type | discrete |
Canonical order | the unique non-ambiguous order defined by the formal grammar |
语法
可能值
normal——对于双向算法，元素不提供额外的嵌入级别。对于内联元素，在元素边界上隐式重排序。
embed——如果该元素是内联的，则此值会根据双向算法嵌入一个额外级别。该嵌入级别的方向由direction属性给出。
bidi-override——对于内联元素，这将创建一个覆盖。对于块容器元素，这将为不在另一个块容器元素内的内联级别的后代创建一个覆盖。这意味着在元素内部，重新排序是通过direction属性严格按照顺序排列的; 双向算法的隐式部分被忽略。
isolate——这个关键字表示元素的容器方向性应该被计算，而不考虑这个元素的内容。因此元素是从它的兄弟姐妹中分离出来的。当应用其双向分辨率算法时，其容器元素将其视为一个或多个U+FFFC Object Replacement Character，如同图像一样。
isolate-override——此关键字将关键字的隔离行为应用于isolate周围的内容，并将bidi-override关键字的行为覆盖到内部内容。
plaintext——这个关键字计算元素的方向性，而不考虑其父元素双向状态或direction属性的值。方向性是使用Unicode双向算法的P2和P3规则计算的。
该值允许显示已经使用Unicode双向算法工具格式化的数据。
形式语法
normal | embed | isolate | bidi-override | isolate-override | plaintext实例
CSS
.bible-quote {
direction: rtl;
unicode-bidi: embed;
}HTML
<div class="bible-quote">
A line of text
</div>
<div>
Another line of text
</div>结果
规范
Specification | Status | Comment |
|---|---|---|
CSS Writing Modes Module Level 3The definition of 'unicode-bidi' in that specification. | Candidate Recommendation | Added plaintext, isolate, and isolate-override keywords. |
CSS Level 2 (Revision 1)The definition of 'unicode-bidi' in that specification. | Recommendation | Initial definition. |
浏览器兼容性
Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
Basic support | 2.0 | (Yes) | 1.0 (1.7 or earlier) | 5.5 | 9.2 | 1.3 |
isolate | 16 -webkit1 48.0 | No support | 10 (10) -moz2 50 (50)6 | No support | No support | -webkit4 |
plaintext | 48.0 | No support | 10 (10) -moz 50 (50)5 | No support | No support | No support |
isolate-override | 48.0 | No support | 17 (17) -moz 50 (50)6 | No support | No support | No support |
Feature | Android | Android Webview | Edge | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile | Chrome for Android |
|---|---|---|---|---|---|---|---|---|
Basic support | 1.0 | (Yes) | (Yes) | 1.0 (1.0) | 6 | 8 | 3.1 | (Yes) |
isolate | ? | 48.0 | No support | 10.0 (10) -moz 50.0 (50)6 | No support | No support | No support | 48.0 |
plaintext | No support | 48.0 | No support | 10.0 (10) -moz3 50.0 (50)5 | No support | No support | No support | 48.0 |
isolate-override | No support | 48.0 | No support | 17.0 (17) -moz 50.0 (50)6 | No support | No support | No support | 48.0 |
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
