RTLCSS

Framework for converting Left-To-Right (LTR) Cascading Style Sheets(CSS) to Right-To-Left (RTL)

Automagically works!


CSS Level 3

It's more than swapping left with right, RTLCSS provides Full Support for CSS3 properties.

.selector {background }

Processing Directives

Powerful set of directives to manage the conversion process right from within your CSS.

/*rtl:*/

String Maps

Customize bi-directional string maps to match your convention and easily control URL updates.

.selector {...}
html { direction:ltr;
font-family: "Droid Sans", sans-serif/*rtl:prepend:"Droid Arabic Kufi",*/;
font-size:16px/*rtl:14px*/; }

Don't repeat yourself!

Instead of authoring two sets of CSS files, one for each language direction. Just author the LTR version and RTLCSS will auto create the RTL counterpart for you!

Get Started
html { direction:rtl;
font-family:"Droid Arabic Kufi", "Droid Sans", sans-serif;
font-size:14px; }