Αντιστροφή κειμένου - CSS-Κόλπα

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); )