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.