2010-04-01 29 views

Respuesta

29

probar este

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

EDIT: aplicar esta clase a una etiqueta de párrafo y usted debe obtener los resultados que tu buscas.

5

Eso no es de derecha a izquierda, eso es reflejo.

CSS:

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

No tiene que usar Javascript. Hay dirección de atributo CSS: rtl. –

+0

Tienes razón, pero la dirección por sí misma no está haciendo el truco, actualizó mi respuesta. – Fabian

7

Sí, hay:

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

Puede utilizar CSS filter filp (sólo está soportado en IE)

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

@ Victor-jalencas dio la respuesta.

La otra cosa que algunas personas aquí comenzaron a hablar está volteando y se hace reemplazando el texto normal con equivalentes volteados Unicode.

ejemplo se puede encontrar aquí: http://www.revfad.com/flip.html

+0

Ese es el eje espejo equivocado. –

2

probar esto, IE no parecen tener un poco de dificultad para la prestación de fuentes sin problemas, pero funciona como un encanto en todos los navegadores. He probado IE 7-9, Ff, Chrome y Safari en 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

también debe recordar agregar un color bg a su elemento que contiene el texto, para beneficio de IE, por supuesto. De lo contrario, puede desprenderse con fuentes MUY dentadas renderizadas en todos los IE. –

Cuestiones relacionadas