CSS spiegeln (LTR zu RTL)
Wandle CSS von links nach rechts (LTR) in CSS von rechts nach links (RTL) für arabische, hebräische und persische Websites um, und zurück.
So geht’sCSS für RTL spiegeln.
CSS spiegeln (LTR zu RTL): wofür es gut ist
Füge das CSS ein, und das Tool tauscht left und right, spiegelt Vier-Werte-Angaben von margin, padding, border-width und border-radius und passt float, text-align, direction, Cursor, Schatten und translateX an, damit das Layout in Sprachen mit Schreibrichtung von rechts nach links funktioniert. Mit /* norotate */ markierte Deklarationen bleiben unverändert.
So geht’s
- Original-CSS einfügen.
- Gespiegeltes CSS prüfen.
- Kopieren und in der RTL-Version nutzen.
Wann nutzen
- Websites ins Arabische oder Hebräische übersetzen.
- CSS-Themes und -Bibliotheken anpassen.
- LTR- und RTL-Layout vergleichen.
Häufige Fragen
Was ändert das Tool?
Es tauscht left und right in Eigenschaften und Werten (margin-left, padding-right, float, text-align, left/right), spiegelt die Vier-Werte-Kurzformen von margin, padding, border-width und border-radius, tauscht direction ltr und rtl, Cursor wie e-resize und w-resize sowie das Vorzeichen von translateX.
Kann ich eine Zeile vom Spiegeln ausnehmen?
Ja. Setze den Kommentar /* norotate */ oder /*rtl:ignore*/ ans Ende der Deklaration, dann bleibt sie unverändert.
Wären logische Eigenschaften nicht besser?
Für neues CSS ja: margin-inline-start, padding-inline-end und inset-inline-start passen sich selbst der Schreibrichtung an. Dieses Tool hilft beim Umwandeln von altem oder fremdem CSS.
Ist das wirklich kostenlos?
Ja, 100% kostenlos. Ohne Anmeldung, ohne Abo und ohne Nutzungslimit. Alle Tools von Tools123 sind kostenlos.