Maison > interface Web > tutoriel CSS > CSS peut-il changer la direction du texte de gauche à droite ?

CSS peut-il changer la direction du texte de gauche à droite ?

DDD
Libérer: 2024-10-24 01:19:02
original
718 Les gens l'ont consulté

Can CSS Change Text Direction from Left to Right?

Changer la direction du texte en CSS : de droite à gauche

Question :

Est-ce possible inverser la direction du texte d'une chaîne donnée en utilisant CSS ? Par exemple, transformer "Ça y est" en "ti si sihT" ?

Réponse :

Certes, CSS propose un ensemble de propriétés qui permettent de contrôler le texte direction. Pour obtenir l'orientation du texte souhaitée de droite à gauche, appliquez la classe CSS suivante à l'élément cible :

<code class="css">.cssClassName {
  direction: rtl;
  unicode-bidi: bidi-override;
}</code>
Copier après la connexion

Informations supplémentaires :

  • direction : rtl : Spécifie la direction générale du texte, dans ce cas, de droite à gauche.
  • unicode-bidi : bidi-override : Force le navigateur à remplacez son algorithme de texte bidirectionnel par défaut et affichez le texte dans la direction souhaitée.

Utilisation :

Pour appliquer cette mise en forme de droite à gauche, attribuez le Classe ".cssClassName" en une balise de paragraphe contenant le texte que vous souhaitez inverser. Par exemple :

<code class="html"><p class="cssClassName">This is it</p></code>
Copier après la connexion

Résultant en :

<code class="text">ti si sihT</code>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal