2010-04-01 23 views

risposta

29

Prova questa

.cssClassName { direction:rtl; unicode-bidi:bidi-override; } 

EDIT: diffusa questa classe per un tag di paragrafo e si dovrebbe ottenere i risultati siete in cerca di.

5

Quello non da destra a sinistra, questo è il mirroring.

CSS:

direction: rtl; 
unicode-bidi:bidi-override; 
+0

Non è necessario utilizzare Javascript. C'è la direzione dell'attributo CSS: rtl. –

+0

Hai ragione, ma la direzione da sola non sta facendo il trucco, ha aggiornato la mia risposta. – Fabian

7

Sì, c'è:

.reversed { 
    direction: rtl; unicode-bidi: bidi-override; 
} 
2

È possibile utilizzare CSS filter filp (Supportato solo in IE)

<div style="width: 300; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: FlipH">CSS Tutorials</div> 
2

@ victor-jalencas ha dato la risposta.

L'altra cosa di cui alcune persone hanno iniziato a parlare è il capovolgimento e si esegue sostituendo il testo normale con gli equivalenti capovolti Unicode.

esempio può essere trovato qui: http://www.revfad.com/flip.html

+0

Questo è l'asse specchio sbagliato. –

2

Prova questa, IE sembra avere un po 'di difficoltà a rendere i font senza problemi, ma funziona come un fascino in tutti i browser. Ho testato IE 7-9, Ff, Chrome e Safari su Win 7

.flipText { 
display: block; 
-moz-transform: scaleX(-1); /* Gecko */ 
    -o-transform: scaleX(-1); /* Opera */ 
    -webkit-transform: scaleX(-1); /* webkit */ 
    transform: scaleX(-1); /* standard */ 
    filter: FlipH; /* IE 6/7/8 */ 
-ms-filter: "FlipH"; 
} 
+0

dovresti anche ricordare di aggiungere un colore bg al tuo elemento che contiene il testo - a beneficio di IE ovviamente. Altrimenti è possibile creare ebd con caratteri MOLTO frastagliati resi in IE. –

Problemi correlati