Page Inspect

RTLCSS

-
- Home
- Docs
- RTLCSS Online
- CDN

# 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; }

Report an issue | View on GitHub | Follow Me on GitHub and Twitter

Created by Mohammad Younes

www.isResponsive.com

www.alertifyjs.com