Accesskey n skips to in-page navigation. Skip to the content start.

s_gotoW3cHome Internationalization
 

Test results: Direction & unicode-bidi

This page summarises results for a series of tests that seek to establish how browsers support the CSS direction and unicode-bidi properties for HTML and XHTML. These properties are used to control inline direction of text.

Note that CSS properties are not needed for documents served as HTML; the HTML markup should suffice. This is also the case for XHTML served as XML. They are needed, however, for other documents served as XML.

Summary & conclusions

See the results below for user agents tested. This section summarizes the results of those tests. In what follows, 'HTML' means HTML4.01 or XHTML 1.0 served as text/html. XML means XHTML 1.0 or XHTML 1.1 served as application/xhtml+xml.

All user agents passed all tests, with two minor exceptions in two browsers.

The exceptions were that if an override was applied to a block element containing a child block element followed by inline text, neither Safari nor Chrome (both WebKit based) applied the override to the inline text.

Latest results

These are results for the latest versions of each user agent tested. A green background (yes) means that the assertion associated with the test held true; red (no) means that it did not; orange (partially) means that it was only partially true. To view the assertion, click on test title (left-most column) to see the assertion on a sample test.

Results are given for four types of document format: H4 (HTML 4.01), XH (XHTML 1.0 served as text/html), X (XHTML 1.0 served as XML), X11 (XHTML 1.1, served as XML), but since all result were the same for the browsers tested, a single cell is used to represent all four test instances. Internet Explorer doesn't handle pages served as XML, so those tests are ignored in these results.

Direction on inline elements

UA IE IE Firefox Opera Safari Safari Chrome
version 8 7 3.0.8 9.64 4 beta iPod Touch 2.2.1 1.0.154.53
OS XP XP XP XP XP XP
date 20090407 20090407 20090407 20090407 20090407 20090407 20090407
default context, direction rtl, unicode-bidi embed yes yes yes yes yes yes yes
default context, direction rtl, unicode-bidi none yes yes yes yes yes yes yes
ltr context, direction rtl, unicode-bidi embed yes yes yes yes yes yes yes
ltr context, direction rtl, unicode-bidi none yes yes yes yes yes yes yes
rtl context, direction ltr, unicode-bidi embed yes yes yes yes yes yes yes
rtl context, direction ltr, unicode-bidi none yes yes yes yes yes yes yes
direction of a ltr tspan yes yes yes yes yes yes yes
direction of a rtl tspan yes yes yes yes yes yes yes

Direction on block elements

UA IE IE Firefox Opera Safari Safari Chrome
version 8 7 3.0.8 9.64 4 beta iPod Touch 2.2.1 1.0.154.53
OS XP XP XP XP XP XP
date 20090407 20090407 20090407 20090407 20090407 20090407 20090407
on element, direction ltr, unicode-bidi none yes yes yes yes yes yes yes
on element, direction rtl, unicode-bidi none yes yes yes yes yes yes yes
inherited, direction ltr, unicode-bidi none yes yes yes yes yes yes yes
inherited, direction rtl, unicode-bidi none yes yes yes yes yes yes yes

Overriding direction on inline elements

UA IE IE Firefox Opera Safari Safari Chrome
version 8 7 3.0.8 9.64 4 beta iPod Touch 2.2.1 1.0.154.53
OS XP XP XP XP XP XP
date 20090407 20090407 20090407 20090407 20090407 20090407 20090407
default context, direction none, unicode-bidi override yes yes yes yes1 yes yes yes
default context, direction ltr, unicode-bidi override yes yes yes yes yes yes yes
default context, direction rtl, unicode-bidi override yes yes yes yes yes yes yes
ltr context, direction none, unicode-bidi override yes yes yes yes yes yes yes
ltr context, direction ltr, unicode-bidi override yes yes yes yes yes yes yes
ltr context, direction rtl, unicode-bidi override yes yes yes yes yes yes yes
rtl context, direction none, unicode-bidi override yes yes yes yes yes yes yes
rtl context, direction ltr, unicode-bidi override yes yes yes yes yes yes yes
rtl context, direction rtl, unicode-bidi override yes yes yes yes yes yes yes

Notes:

  1. In Opera, whenever Arabic text has a bidi override applied to it, it appears to lose the space between the words.

 

Overriding direction on block elements

UA IE IE Firefox Opera Safari Safari Chrome
version 8 7 3.0.8 9.64 4 beta iPod Touch 2.2.1 1.0.154.53
OS XP XP XP XP XP XP
date 20090407 20090407 20090407 20090407 20090407 20090407 20090407
on element, direction ltr, unicode-bidi override yes yes yes yes yes yes yes
on element, direction rtl, unicode-bidi override yes yes yes yes yes yes yes
inherited, direction ltr, unicode-bidi override yes yes yes yes yes yes yes
inherited, direction rtl, unicode-bidi override yes yes yes yes yes yes yes

Overriding direction on block elements with mixed content

UA IE IE Firefox Opera Safari Safari Chrome
version 8 7 3.0.8 9.64 4 beta iPod Touch 2.2.1 1.0.154.53
OS XP XP XP XP XP XP
date 20090407 20090407 20090407 20090407 20090407 20090407 20090407
right to left block yes yes yes yes no no no
left to right block yes yes yes yes no no no
inner block converted to inline yes yes yes yes yes yes yes

Tell us what you think (English).

Subscribe to an RSS feed.

New resources

Home page news

Twitter (Home page news)

@webi18n

Further reading

Author: Richard Ishida, W3C.

Valid XHTML 1.0!
Valid CSS!
Encoded in UTF-8!

Content first published 2009-04-10. Last substantive update 2009-04-10 7:35 GMT. This version 2009-04-10 7:35 GMT

For the history of document changes, search for results-direction-unicode-bidi in the i18n blog.