開発者ツール

RTL/LTRコンバーター

LTRとRTLの間でCSSとHTMLをワンクリックで変換します。方向性プロパティとTailwindクラスを反転させ、オプションでdir属性を設定します。

変換を開始詳細を見る
styles.css
.card {
  margin-left: 16px;
  padding-right: 12px;
  text-align: left;
}
converted.css
.card {
  margin-right: 16px;
  padding-left: 12px;
  text-align: right;
}
主な機能

コア機能

方向性のあるCSSプロパティとTailwindユーティリティを反転させます。オプションでHTMLドキュメントのdir属性を設定します。

CSS反転

マージン/パディング/ボーダー 左↔右、テキスト整列、フロート/クリア、位置 左/右、方向

Tailwindミラーリング

ml/mr、pl/pr、border-l/r、rounded-l/r、text-left/rightなどの一般的な方向性ユーティリティを反転

HTML方向

ドキュメントのdir="rtl"属性を設定し、インラインスタイルと従来の整列属性を変換します

変換を始めますか？

ダッシュボードに移動して、今すぐCSS/HTMLを変換してください。

ダッシュボードを開く