Compare Revisions

unicode-bidi

Change Revisions

Revision 24630:

Revision 24630 by teoli on

Revision 239054:

Revision 239054 by teoli on

Title:
unicode-bidi
unicode-bidi
Slug:
CSS/unicode-bidi
CSS/unicode-bidi
Tags:
css, NeedsTechnicalReview, "CSS Reference"
css, NeedsTechnicalReview, CSS Reference
Content:

Revision 24630
Revision 239054
n4 n
5    <style type="text/css">
6![CDATA[.cssprop {
7    display:table;
8    padding: 0.4em;
9    border-left:0.15em solid;
10    background-color:#eeeeff
11    }
12    .cssprop li {
13    display:table-row;
14    padding: 3px;
15    margin:0;
16    }
17    .cssprop li dfn {
18    display:table-cell;
19    padding: 0 5px;
20    border-bottom: none;
21    cursor:inherit;
22    }
23 
24    ]]>
25    </style>
n43        <nobr><dfn>{{ Xref_cssinitial() }}:</dfn> {{ Cssxref("norn21        <dfn>{{ Xref_cssinitial() }}:</dfn> {{ Cssxref("normal") 
>mal") }}</nobr>>}}
44      </li>
45      <li>22      </li>
46        <nobr><dfn>Applies to:</dfn> all elements</nobr>
47      </li>23      <li>
24        <dfn>Applies to:</dfn> all elements
48      <li>25      </li>
49        <nobr><dfn>{{ Xref_cssinherited() }}:</dfn> no</nobr>
50      </li>26      <li>
27        <dfn>{{ Xref_cssinherited() }}:</dfn> no
51      <li>28      </li>
52        <nobr><dfn>Media:</dfn> {{ Xref_cssvisual() }}</nobr>
53      </li>29      <li>
30        <dfn>Media:</dfn> {{ Xref_cssvisual() }}
54      <li>31      </li>
32      <li>
55        <nobr><dfn>{{ Xref_csscomputed() }}:</dfn> as specified</33        <dfn>{{ Xref_csscomputed() }}:</dfn> as specified
>nobr> 
n59      <nobr>Syntax</nobr>n37      Syntax
n62<nobr>unicode-bidi: [ normal | embed | [ isolate || bidi-overriden40unicode-bidi: [ normal | embed | [ isolate || bidi-override ] | p
> ] | plaintext | inherit ] ;>laintext | inherit ] ;
63</nobr>
n66      <nobr>Values</nobr>n43      Values
n70        <nobr><code>normal&nbsp;</code></nobr>n47        <code>normal</code>
71      </dt>
72      <dd>48      </dt>
49      <dd>
73        <nobr>The element does not offer a additional level of em50        The element does not offer a additional level of embeddin
>bedding with respect to the bidirectional algorithm. For inline e>g with respect to the bidirectional algorithm. For inline element
>lements implicit reordering works across element boundaries.</nob>s implicit reordering works across element boundaries.
>r> 
74      </dd>
75      <dt>
76        <nobr><code>embed</code></nobr>
77      </dt>
78      <dd>51      </dd>
52      <dt>
53        <code>embed</code>
54      </dt>
55      <dd>
79        <nobr>If the element is inline, this value opens an addit56        If the element is inline, this value opens an additional 
>ional level of embedding with respect to the bidirectional algori>level of embedding with respect to the bidirectional algorithm. T
>thm. The direction of this embedding level is given by the {{ Css>he direction of this embedding level is given by the {{ Cssxref("
>xref("direction") }} property.</nobr>>direction") }} property.
80      </dd>
81      <dt>
82        <nobr><code>bidi-override&nbsp;</code></nobr>
83      </dt>
84      <dd>57      </dd>
85        <nobr>For inline elements this creates an override. For b
>lock container elements this creates an override for inline-level 
> descendants not within another block container element. This mea 
>ns that inside the element, reordering is strictly in sequence ac 
>cording to the {{ Cssxref("direction") }} property; the implicit  
>part of the bidirectional algorithm is ignored.</nobr> 
86      </dd>
87      <dt>
88        <nobr><code>isolate</code></nobr>
89      </dt>58      <dt>
59        <code>bidi-override</code>
60      </dt>
61      <dd>
62        For inline elements this creates an override. For block c
 >ontainer elements this creates an override for inline-level desce
 >ndants not within another block container element. This means tha
 >t inside the element, reordering is strictly in sequence accordin
 >g to the {{ Cssxref("direction") }} property; the implicit part o
 >f the bidirectional algorithm is ignored.
90      <dd>63      </dd>
64      <dt>
65        <code>isolate</code>
66      </dt>
67      <dd>
91        <nobr>This keyword indicates that the element's container68        This keyword indicates that the element's container direc
> directionality should be calculated without considering the cont>tionality should be calculated without considering the content of
>ent of this element. The element is therefore <em>isolated</em> f> this element. The element is therefore <em>isolated</em> from it
>rom its siblings. When applying its bidirectional-resolution algo>s siblings. When applying its bidirectional-resolution algorithm,
>rithm, its container element treats it as one or several <code>U+> its container element treats it as one or several <code>U+FFFC O
>FFFC Object Replacement Character</code>, i.e. like an image. Thi>bject Replacement Character</code>, i.e. like an image. This keyw
>s keyword can be combined with <code>bidi-override<em>.</em></cod>ord can be combined with <code>bidi-override<em>.</em></code>
>e></nobr> 
92      </dd>
93      <dt>
94        <nobr><code>plaintext</code></nobr>
95      </dt>
96      <dd>69      </dd>
97        <nobr>This keyword makes the elements directionality calc70      <dt>
>ulated without considering its parent bidirectional state or the  
>value of the {{ cssxref("direction") }} property. The directional 
>ity is calculated using the P2 and P3 rules of the Unicode Bidire 
>ctional Algorithm.<br> 
71        <code>plaintext</code>
72      </dt>
73      <dd>
74        This keyword makes the elements directionality calculated
 > without considering its parent bidirectional state or the value 
 >of the {{ cssxref("direction") }} property. The directionality is
 > calculated using the P2 and P3 rules of the Unicode Bidirectiona
 >l Algorithm.<br>
98        This value allows to display data which has already forma75        This value allows to display data which has already forma
>tted using a tool following the Unicode Bidirectional Algorithm.<>tted using a tool following the Unicode Bidirectional Algorithm.
>/nobr> 
n102      <nobr>Examples</nobr>n79      Examples
n104    <pre>n81    <pre class="brush: css">
105<nobr>.bible-quote {82.bible-quote {
106<code class="css">  direction: rtl;   unicode-bidi: embed;</code>83  direction: rtl;   
84  unicode-bidi: embed;
n108</nobr>n
n111      <nobr>Specification</nobr>n88      Specification
n115        <tr style="background-color: rgb(255, 204, 255);">n92        <tr>
n153      <nobr>Browser compatibility</nobr>n130      Browser compatibility
n156      <nobr>{{ CompatibilityTable() }}</nobr>n133      {{ CompatibilityTable() }}
n209              {{ CompatGeckoDesktop("10") }} <a class="link-httpsn186              {{ CompatGeckoDesktop("10") }}
>" href="https://bugzilla.mozilla.org/show_bug.cgi?id=613149" titl 
>e="https://bugzilla.mozilla.org/show_bug.cgi?id=613149"></a> 
n229              {{ CompatGeckoDesktop("10") }} <a class="link-httpsn206              {{ CompatGeckoDesktop("10") }}
>" href="https://bugzilla.mozilla.org/show_bug.cgi?id=662288" titl 
>e="https://bugzilla.mozilla.org/show_bug.cgi?id=662288"></a> 
n295              {{ CompatGeckoMobile("10") }} <a class="link-https"n272              {{ CompatGeckoMobile("10") }}
> href="https://bugzilla.mozilla.org/show_bug.cgi?id=613149" title 
>="https://bugzilla.mozilla.org/show_bug.cgi?id=613149"></a> 
n315              {{ CompatGeckoMobile("10") }} <a class="link-https"n292              {{ CompatGeckoMobile("10") }}
> href="https://bugzilla.mozilla.org/show_bug.cgi?id=662288" title 
>="https://bugzilla.mozilla.org/show_bug.cgi?id=662288"></a> 
n331      <nobr>Chrome note</nobr>n308      Chrome note
n334      <nobr>The <code>isolate</code> keyword can be used togethern311      The <code>isolate</code> keyword can be used together with 
> with <code>bidi-override</code>. Due to a limitation in WebKit, ><code>bidi-override</code>. Due to a limitation in WebKit, this w
>this wasn't possible until Chrome 19. <a class="link-https" href=>asn't possible until Chrome 19.
>"https://bugs.webkit.org/show_bug.cgi?id=73164" title="https://bu 
>gs.webkit.org/show_bug.cgi?id=73164"></a></nobr> 
n337      <nobr>See also</nobr>n314      See also
t339    <p>t316    <ul>
340      <nobr>{{ Cssxref("direction") }}</nobr>317      <li>{{ Cssxref("direction") }}
318      </li>
341    </p>319    </ul>

Back to History