این ابزار درست کار نمیکند؟
دربارهٔ ابزار «تبدیل CSS از LTR به RTL آنلاین»
این ابزار یک استایلشیت چپبهراست را به راستبهچپ تبدیل میکند. ویژگیهای جهتدار (margin-left ⇄ margin-right، padding، border، float، text-align) را جابهجا میکند، میانبرهای چهار-مقداری را بازترتیب میدهد، گوشههای border-radius را آینه میکند، direction: ltr را به rtl تغییر میدهد و به body مقدار direction: rtl میافزاید تا چیدمان واقعاً راستبهچپ شود.
افزودن دستی پشتیبانی RTL برای عربی، عبری، فارسی یا اردو خستهکننده و مستعد خطاست. CSS موجود خود را اینجا بچسبانید و در یک مرحله یک نسخهٔ آینهای درست بگیرید، آمادهٔ انتشار بهصورت یک rtl.css جداگانه. تبدیل فقط روی CSS شما اعمال میشود؛ مقادیر داخل url()، رشتههای نقلقولشده و transformها دستنخورده میمانند.
چطور از این ابزار استفاده کنم؟
تبدیل CSS از LTR به RTL
CSS خود را بچسبانید
استایلشیت چپبهراست خود را — کل فایل یا فقط یک تکه — در کادر ورودی کپی کنید.
تبدیل را اجرا کنید
روی Run بزنید. ابزار ویژگیها و کلیدواژههای left/right را جابهجا میکند، میانبرهای چهار-مقداری را بازترتیب میدهد، گوشههای border-radius را آینه میکند و direction: ltr را به rtl تغییر میدهد.
خروجی را بررسی کنید
نتیجه را ببینید: margin-left به margin-right و float: left به float: right تبدیل شد و قاعدهٔ direction: rtl به body افزوده شد.
کپی یا ذخیره کنید
CSS تبدیلشده را کپی کرده و بهصورت یک rtl.css جداگانه ذخیره کنید، یا آن را بهصورت شرطی برای [dir=rtl] / <html dir="rtl"> بارگذاری کنید.
در مرورگر آزمایش کنید
صفحه را به RTL تغییر دهید و فاصلهگذاری، ترازبندی و آیکنها را بررسی کنید. مقادیر جهتحساس داخل url() یا transform را که عمداً دستنخورده ماندهاند، دستی تنظیم کنید.