Document

# Basic HTML scenarios with style="direction:rtl;"

This is a very basic table with no customizations to the <body style="direction:rtl;"> style property. All values in this table should be shown right-to-left. In the case of Latin characters, this means preserving the reading order but aligning to the right, and putting punctuation marks on the left side of the sentence.

Column 1 | Column 2
افضل تصفح هذا الموقع بواسطة فايرفوكس. | افضل تصفح هذا الموقع بواسطة فايرفوكس.
افضل تصفح هذا الموقع بواسطة فايرفوكس. | افضل تصفح هذا الموقع بواسطة فايرفوكس.
افضل تصفح هذا الموقع بواسطة فايرفوكس. | افضل تصفح هذا الموقع بواسطة فايرفوكس.
This site is best viewed with Firefox. | This site is best viewed with Firefox.

This table has field and row level alterations to the RTL standard, which is of course still defined on the <body> tag. The rows and fields that should be aligned and punctuated LTR are R1, R2C2, R3C1 (through repeated overrides), and R4C1.

Column 1 | Column 2
افضل تصفح هذا الموقع بواسطة فايرفوكس. | افضل تصفح هذا الموقع بواسطة فايرفوكس.
افضل تصفح هذا الموقع بواسطة فايرفوكس. | افضل تصفح هذا الموقع بواسطة فايرفوكس.
افضل تصفح هذا الموقع بواسطة فايرفوكس. | افضل تصفح هذا الموقع بواسطة فايرفوكس.
This site is best viewed with Firefox. | This site is best viewed with Firefox.

This instance has a table-wide override of the <body>'s RTL property. On top of that, several fields have been altered to again override the table-wide setting. The fields that should be aligned and punctuated LTR are again R1, R2C2, R3C1 (through repeated overrides), and R4C1 - but the columns of the table are reversed to their LTR order.

Column 1 | Column 2
افضل تصفح هذا الموقع بواسطة فايرفوكس. | افضل تصفح هذا الموقع بواسطة فايرفوكس.
افضل تصفح هذا الموقع بواسطة فايرفوكس. | افضل تصفح هذا الموقع بواسطة فايرفوكس.
افضل تصفح هذا الموقع بواسطة فايرفوكس. | افضل تصفح هذا الموقع بواسطة فايرفوكس.
This site is best viewed with Firefox. | This site is best viewed with Firefox.