Un souci avec cet outil ?

À propos de « CSS LTR Vers RTL En Ligne »

Cet outil transforme une feuille de style de gauche à droite en droite à gauche. Il échange les propriétés directionnelles (margin-left ⇄ margin-right, padding, border, float, text-align), réordonne les raccourcis à quatre valeurs, met en miroir les coins border-radius, change direction: ltr en rtl et ajoute direction: rtl à body pour que la mise en page se lise réellement de droite à gauche.

Ajouter la prise en charge RTL pour l’arabe, l’hébreu, le persan ou l’ourdou à la main est fastidieux et source d’erreurs. Collez votre CSS existant et obtenez une copie miroir correcte en une étape, prête à être publiée comme rtl.css séparé. La conversion est textuelle et ne touche que votre CSS ; les valeurs dans url(), les chaînes entre guillemets et transform restent inchangées.

Comment utiliser cet outil

Comment convertir du CSS de LTR vers RTL

  1. Collez votre CSS

    Copiez votre feuille de style de gauche à droite — fichier entier ou simple extrait — dans le champ de saisie.

  2. Lancez la conversion

    Cliquez sur Run. L’outil échange les propriétés et mots-clés left/right, réordonne les raccourcis à quatre valeurs, met en miroir les coins border-radius et change direction: ltr en rtl.

  3. Vérifiez la sortie

    Examinez le résultat : margin-left est devenu margin-right, float: left est devenu float: right, et une règle direction: rtl a été ajoutée à body.

  4. Copiez ou enregistrez

    Copiez le CSS converti et enregistrez-le comme rtl.css distinct, ou chargez-le conditionnellement pour [dir=rtl] / <html dir="rtl">.

  5. Testez dans le navigateur

    Passez votre page en RTL et vérifiez espacements, alignement et icônes. Ajustez à la main les valeurs sensibles à la direction dans url() ou transform, laissées intactes à dessein.