Text: phải sang trái (CSS)

Question

Có mã CSS rằng những thay đổi văn bản này

This is it 

này một

ti si sihT 

Answer 1

Hãy thử

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

EDIT này: áp dụng lớp này để một thẻ đoạn và bạn sẽ nhận được kết quả tìm kiếm của bạn cho.

Answer 2

Thats không phải sang trái, đó là phản ánh.

CSS:

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

Answer 3

Vâng, đó là:

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

Answer 4

Bạn có thể sử dụng CSS filter filp (Chỉ hỗ trợ trong IE)

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

Answer 5

@ victor-jalencas đã đưa ra câu trả lời.

Điều khác mà một số người ở đây bắt đầu nói đến là lật và được thực hiện bằng cách thay thế văn bản thông thường bằng Unicode tương đương bị trượt.

Ví dụ có thể được tìm thấy ở đây: http://www.revfad.com/flip.html

Answer 6

Hãy thử điều này, IE dường như có một chút của một thời gian khó khăn render phông chữ mượt mà, nhưng nó hoạt động như một nét duyên dáng trong tất cả các trình duyệt. Tôi đã thử nghiệm IE 7-9, Ff, Chrome và Safari trên 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"; 
}