این ابزار درست کار نمی‌کند؟

دربارهٔ ابزار «تبدیل CSS از RTL به LTR آنلاین»

این ابزار یک استایل‌شیت راست‌به‌چپ را دوباره به چپ‌به‌راست تبدیل می‌کند. ویژگی‌های جهت‌دار (margin-right ⇄ margin-left، padding، border، float، text-align) را جابه‌جا می‌کند، میان‌برهای چهار-مقداری را بازترتیب می‌دهد، گوشه‌های border-radius را آینه می‌کند، direction: rtl را به ltr تغییر می‌دهد و به body مقدار direction: ltr می‌افزاید.

این عکسِ مبدل LTR-به-RTL است — وقتی از یک قالب عربی، عبری، فارسی یا اردو شروع می‌کنید و به نسخهٔ تمیز چپ‌به‌راست نیاز دارید کاربردی است. CSS خود را بچسبانید و در یک مرحله یک نسخهٔ آینه‌ای درست بگیرید. تبدیل فقط روی CSS شما اعمال می‌شود؛ مقادیر داخل url()، رشته‌های نقل‌قول‌شده و transformها دست‌نخورده می‌مانند.

چطور از این ابزار استفاده کنم؟

تبدیل CSS از RTL به LTR

  1. CSS خود را بچسبانید

    استایل‌شیت راست‌به‌چپ خود را — کل فایل یا فقط یک تکه — در کادر ورودی کپی کنید.

  2. تبدیل را اجرا کنید

    روی Run بزنید. ابزار ویژگی‌ها و کلیدواژه‌های right/left را جابه‌جا می‌کند، میان‌برهای چهار-مقداری را بازترتیب می‌دهد، گوشه‌های border-radius را آینه می‌کند و direction: rtl را به ltr تغییر می‌دهد.

  3. خروجی را بررسی کنید

    نتیجه را ببینید: margin-right به margin-left و float: right به float: left تبدیل شد و قاعدهٔ direction: ltr به body افزوده شد.

  4. کپی یا ذخیره کنید

    CSS تبدیل‌شده را کپی کرده و به‌عنوان استایل‌شیت پیش‌فرض چپ‌به‌راست استفاده کنید، یا برای [dir=ltr] / <html dir="ltr"> بارگذاری کنید.

  5. در مرورگر آزمایش کنید

    صفحه را به LTR تغییر دهید و فاصله‌گذاری، ترازبندی و آیکن‌ها را بررسی کنید. مقادیر جهت‌حساس داخل url() یا transform را که عمداً دست‌نخورده مانده‌اند، دستی تنظیم کنید.