Stimmt etwas mit diesem Tool nicht?
Über „CSS LTR Zu RTL Online“
Dieses Tool spiegelt ein Links-nach-rechts-Stylesheet in ein Rechts-nach-links-Stylesheet. Es tauscht Richtungseigenschaften (margin-left ⇄ margin-right, padding, border, float, text-align), ordnet Vierwert-Kurzschreibweisen um, spiegelt border-radius-Ecken, ändert direction: ltr zu rtl und fügt body ein direction: rtl hinzu, damit das Layout wirklich von rechts nach links gelesen wird.
RTL-Unterstützung für Arabisch, Hebräisch, Persisch oder Urdu von Hand hinzuzufügen ist mühsam und fehleranfällig. Füge dein vorhandenes CSS ein und erhalte in einem Schritt eine korrekte gespiegelte Kopie, bereit als separate rtl.css. Die Umwandlung ist textbasiert und betrifft nur dein CSS; Werte in url(), Zeichenketten und transform bleiben unverändert.
So nutzt du dieses Tool
So konvertierst du CSS von LTR zu RTL
CSS einfügen
Kopiere dein Links-nach-rechts-Stylesheet – ganze Datei oder nur ein Ausschnitt – in das Eingabefeld.
Umwandlung starten
Klicke auf Run. Das Tool tauscht left/right-Eigenschaften und -Schlüsselwörter, ordnet Vierwert-Kurzschreibweisen um, spiegelt border-radius-Ecken und ändert direction: ltr zu rtl.
Ausgabe prüfen
Prüfe das Ergebnis: aus margin-left wurde margin-right, aus float: left wurde float: right, und body erhielt eine direction: rtl-Regel.
Kopieren oder speichern
Kopiere das umgewandelte CSS und speichere es als separate rtl.css oder lade es bedingt für [dir=rtl] / <html dir="rtl">.
Im Browser testen
Stelle deine Seite auf RTL und prüfe Abstände, Ausrichtung und Icons. Passe richtungsabhängige Werte in url() oder transform von Hand an – sie bleiben bewusst unverändert.