Comment implémenter l'orientation verticale du texte de droite à gauche en CSS ?

Implémentation de l'orientation verticale du texte de droite à gauche en CSS

L'orientation verticale du texte en CSS peut être obtenue à l'aide de la propriété writing-mode, ainsi que la propriété text-orientation pour spécifier la direction souhaitée. Cependant, la valeur text-orientation: sideways n'est pas prise en charge par tous les navigateurs.

Pour obtenir l'effet observé dans l'image fournie, où le texte est orienté verticalement vers la droite, une approche alternative peut être adoptée en utilisant un transformation d'échelle :

div {
  writing-mode: vertical-rl;
  /*text-orientation: sideways;*/
  transform: scale(-1);
}

Ce CSS définira le mode d'écriture sur une orientation verticale de droite à gauche et appliquera une transformation d'échelle négative (-1) pour retourner le texte horizontalement. L'effet résultant sera un texte orienté verticalement, apparaissant sur le côté droit du conteneur.

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!