उलटा पाठ - सीएसएस-ट्रिक्स

Anonim

दाएँ-से-बाएँ भाषाओं के लिए, आप केवल dirविशेषता के माध्यम से अधिकांश ब्राउज़र में डिफ़ॉल्ट बाएँ-से-दाएँ लेआउट को स्वैप कर सकते हैं ।

 text in right-to-left language 

आप उस विशेषता का उपयोग किसी भी पाठ तत्व पर कर सकते हैं, इसके लिए शरीर होना आवश्यक नहीं है। इसी तरह, आप इसे सिर्फ CSS से स्वैप कर सकते हैं:

body ( unicode-bidi:bidi-override; direction:rtl; )

निम्नलिखित "कम व्यावहारिक" हैं, लेकिन अभी भी दिलचस्प हैं:

/* Flip each letter backwards */ div ( -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); -ms-transform:rotateY(180deg); unicode-bidi:bidi-override; direction:rtl; )
/* Entire text flipped around */ div ( -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); -ms-transform:rotateY(180deg); )