このツールに問題がありますか?
「CSS LTR→RTL 変換 オンライン」について
このツールは左から右のスタイルシートを右から左へミラー変換します。方向性プロパティ(margin-left ⇄ margin-right、padding、border、float、text-align)を入れ替え、4 値ショートハンドを並べ替え、border-radius の角をミラーし、direction: ltr を rtl に変え、body に direction: rtl を追加してレイアウトを実際に右から左に読めるようにします。
アラビア語・ヘブライ語・ペルシャ語・ウルドゥー語の RTL 対応を手作業で行うのは面倒でミスが起きがちです。既存の CSS を貼り付ければ、正しいミラー版を一度に得られ、別ファイルの rtl.css として配布できます。変換はテキスト処理で CSS のみに作用し、url()・引用符付き文字列・transform 内の値はそのまま残ります。
このツールの使い方
CSS を LTR から RTL に変換する方法
CSS を貼り付ける
左から右のスタイルシート(ファイル全体でも一部でも)を入力ボックスに貼り付けます。
変換を実行
Run を押します。ツールは left/right のプロパティとキーワードを入れ替え、4 値ショートハンドを並べ替え、border-radius の角をミラーし、direction: ltr を rtl に変えます。
出力を確認
結果を確認します。margin-left は margin-right に、float: left は float: right になり、body に direction: rtl ルールが追加されます。
コピーまたは保存
変換後の CSS をコピーして別ファイルの rtl.css として保存するか、[dir=rtl] / <html dir="rtl"> 向けに条件付きで読み込みます。
ブラウザーでテスト
ページを RTL に切り替えて、余白・整列・アイコンを確認します。url() や transform 内の方向依存の値は意図的にそのままなので、手動で調整してください。