Für rechts-nach-links-Sprachen können Sie das standardmäßige links-nach-rechts-Layout in den meisten Browsern einfach über das dir-Attribut umkehren.
<body dir="rtl">
text in right-to-left language
</body>Sie können dieses Attribut auf jedem Textelement verwenden, es muss nicht der Body sein. Ebenso können Sie es mit reinem CSS umkehren.
body {
unicode-bidi:bidi-override;
direction:rtl;
}Die folgenden sind „weniger praktisch“, aber immer noch interessant
/* 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);
}
Schönes Snippet :)
Guter Tipp. Ich sehe selten Tipps zu Rechts-nach-Links-Sprachen.
Das war genau das, wonach ich gesucht habe, vielen Dank. Ich habe nur eine Frage: Wenn eine blinde Person Ihre Seite lesen würde und auf diesen Text stößt, würde ihr Gerät den Text korrekt lesen oder ihn umgekehrt sehen?
Dieser Artikel hat mir geholfen, das zu tun! https://codepen.io/Ciwan/pen/NaQWQa
Vielen Dank :)
Ich habe dies gemacht, um umzukehren, und es funktioniert großartig.
http://flipmytext.com/textreverser.html
Können Sie die Ressource oder den Code angeben, den Sie zum Umkehren verwendet haben? Ich möchte Seiten in einem Buch umkehren. Ist das mit HTML und CSS möglich, d. h. die letzten Seiten zuerst, da ich es in Word tun kann, aber es dauert viel Zeit, weil ich es für viele Bücher tun muss.
Ich habe LTR- und RTL-CSS in verschiedenen Ordnern getrennt. Wie wähle ich den CSS-Ordner in HTML bedingt basierend auf dem arabischen Locale „ar“ aus?
Haben Sie eine Idee, wie man einen Buchstaben in einem Textblock auf einer Webseite horizontal umdreht?
Danke für den Artikel,
Ich möchte einen Eingabewert so umkehren, das funktioniert nicht, und auch das bdo-Element funktioniert nicht. Irgendwelche Ideen?