Something wrong with this tool?

About CSS RTL To LTR Online

This tool mirrors a right-to-left stylesheet back into a left-to-right one. It swaps directional properties (margin-right ⇄ margin-left, padding, border, float, text-align), reorders four-value shorthands, mirrors border-radius corners, changes direction: rtl to ltr, and adds direction: ltr to body so the layout reads left-to-right.

It is the reverse of the LTR-to-RTL flipper — handy when you start from an Arabic, Hebrew, Persian, or Urdu theme and need a clean left-to-right version, or when reconciling a base stylesheet that was authored RTL-first. Paste your CSS and get a correct mirrored copy in one step. The conversion is textual and touches only your CSS; values inside url(), quoted strings, and transforms are left untouched, matching established flippers like CSSJanus.

How to use this tool

How to convert CSS from RTL to LTR

  1. Paste your CSS

    Copy your right-to-left stylesheet — a whole file or just a snippet — into the input box.

  2. Run the conversion

    Press Run. The tool swaps right/left properties and keywords, reorders four-value shorthands, mirrors border-radius corners, and changes direction: rtl to ltr.

  3. Review the output

    Check the result: margin-right became margin-left, float: right became float: left, and a direction: ltr rule was added to body.

  4. Copy or save

    Copy the converted CSS and use it as your default left-to-right stylesheet, or load it for [dir=ltr] / <html dir="ltr">.

  5. Test in the browser

    Switch your page to LTR and verify spacing, alignment, and icons. Adjust by hand any direction-sensitive values inside url() or transform, which are intentionally left untouched.