Text: right to left (CSS)

问题

Is there a CSS code that changes this text

This is it

to this one

ti si sihT

回答1:

Try this

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

EDIT: apply this class to a paragraph tag and you should get the results your looking for.

回答2:

Yes, there is:

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

回答3:

Thats not right to left, thats mirroring.

CSS:

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

回答4:

@victor-jalencas gave the answer.

The other thing some people here started talking about is flipping and it is done with replacing the normal text with Unicode flipped equivalents.

Example can be found here: http://www.revfad.com/flip.html

回答5:

You can use CSS filter filp (Only supported in IE)

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

回答6:

Try this, IE does seem to have a bit of a hard time rendering fonts smoothly, but it works like a charm in all browsers. I have tested IE 7-9, Ff, Chrome and Safari on 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";
}

来源：https://stackoverflow.com/questions/2560966/text-right-to-left-css