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

「CSS RTL→LTR 変換 オンライン」について

このツールは右から左のスタイルシートを左から右へ戻すミラー変換を行います。方向性プロパティ(margin-right ⇄ margin-left、padding、border、float、text-align)を入れ替え、4 値ショートハンドを並べ替え、border-radius の角をミラーし、direction: rtl を ltr に変え、body に direction: ltr を追加してレイアウトを左から右に読めるようにします。

LTR→RTL 変換の逆で、アラビア語・ヘブライ語・ペルシャ語・ウルドゥー語のテーマから始めてきれいな左から右版が必要なときに便利です。CSS を貼り付ければ、正しいミラー版を一度に得られます。変換はテキスト処理で CSS のみに作用し、url()・引用符付き文字列・transform 内の値はそのまま残ります。

このツールの使い方

CSS を RTL から LTR に変換する方法

  1. CSS を貼り付ける

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

  2. 変換を実行

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

  3. 出力を確認

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

  4. コピーまたは保存

    変換後の CSS をコピーして既定の左から右スタイルシートとして使うか、[dir=ltr] / <html dir="ltr"> 向けに読み込みます。

  5. ブラウザーでテスト

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