CSS参考手册
写入模型 | Writing Modes
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 |
写入模型 | Writing Modes相关
层叠样式表( Cascading Style Sheets )是一种用来表现 HTML 或 XML 等文件样式的计算机语言。CSS 不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。