Inverser le CSS (LTR vers RTL)
Convertissez du CSS de gauche à droite (LTR) en CSS de droite à gauche (RTL) pour des sites en arabe, hébreu et persan, et inversement.
Mode d’emploiInversez le CSS en RTL.
Inverser le CSS (LTR vers RTL): à quoi ça sert
Collez le CSS et l’outil échange left et right, inverse margin, padding, border-width et border-radius à quatre valeurs, ajuste float, text-align, direction, curseurs, ombres et translateX, pour que la mise en page fonctionne dans les langues écrites de droite à gauche. Les déclarations marquées /* norotate */ restent inchangées.
Mode d’emploi
- Collez le CSS d’origine.
- Vérifiez le CSS inversé.
- Copiez-le dans la version RTL du site.
Quand l’utiliser
- Traduire des sites en arabe ou en hébreu.
- Adapter des thèmes et bibliothèques CSS.
- Comparer la mise en page LTR et RTL.
Questions fréquentes
Que change l’outil ?
Il échange left et right dans les propriétés et valeurs (margin-left, padding-right, float, text-align, left/right), inverse les raccourcis à quatre valeurs de margin, padding, border-width et border-radius, échange direction ltr et rtl, les curseurs comme e-resize et w-resize et le signe de translateX.
Puis-je empêcher l’inversion d’une ligne ?
Oui. Ajoutez le commentaire /* norotate */ ou /*rtl:ignore*/ à la fin de la déclaration et elle reste telle quelle.
Les propriétés logiques ne seraient-elles pas mieux ?
Pour du nouveau CSS, oui : margin-inline-start, padding-inline-end et inset-inline-start s’adaptent seules au sens du texte. Cet outil sert à convertir du CSS ancien ou tiers.
Vraiment gratuit ?
Oui, 100 % gratuit. Sans inscription, sans abonnement et sans limite d’utilisation. Tous les outils de Tools123 sont gratuits.