このツールに問題がありますか?

「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 に変換する方法

  1. CSS を貼り付ける

    左から右のスタイルシート(ファイル全体でも一部でも)を入力ボックスに貼り付けます。

  2. 変換を実行

    Run を押します。ツールは left/right のプロパティとキーワードを入れ替え、4 値ショートハンドを並べ替え、border-radius の角をミラーし、direction: ltr を rtl に変えます。

  3. 出力を確認

    結果を確認します。margin-left は margin-right に、float: left は float: right になり、body に direction: rtl ルールが追加されます。

  4. コピーまたは保存

    変換後の CSS をコピーして別ファイルの rtl.css として保存するか、[dir=rtl] / <html dir="rtl"> 向けに条件付きで読み込みます。

  5. ブラウザーでテスト

    ページを RTL に切り替えて、余白・整列・アイコンを確認します。url() や transform 内の方向依存の値は意図的にそのままなので、手動で調整してください。