150 votes

Puis-je étirer le texte à l'aide de CSS ?

Puis-je étirer le texte en CSS ? Je ne veux pas que la police soit plus grande, car cela la ferait apparaître plus grosse que le texte plus petit à côté. Je veux juste étirer le texte verticalement pour qu'il soit un peu déformé. Ce texte serait placé dans une division, et le texte normal à côté serait placé dans une autre division. Comment puis-je procéder ?

0 votes

C'est pour l'horizontale, non ? Et pour la verticale ?

1 votes

A quoi cela vous sert-il ? Pour quelques lignes de texte seulement ? Êtes-vous prêt à utiliser JavaScript ?

0voto

Peter Kazazes Points 1591

Techniquement, non. Mais ce que vous pouvez faire, c'est utiliser une taille de police aussi grande que celle que vous souhaitez donner à la police étirée. puis le condenser horizontalement avec font-stretch .

2 votes

Remarque : Cette propriété n'a aucun effet si la police sélectionnée ne propose pas de faces condensées ou étendues ! Veuillez vérifier cela : w3schools.com/cssref/css3_pr_font-stretch.asp

0voto

Deividas Šimas Points 139

Le seul moyen auquel je pense pour des textes courts comme "MENU" est de mettre chaque lettre dans un espace et de les justifier ensuite dans un conteneur. Comme ceci :

<div class="menu-burger">
  <span></span>
  <span></span>
  <span></span>
  <div>
    <span>M</span>
    <span>E</span>
    <span>N</span>
    <span>U</span>
  </div>
</div>

Et puis le CSS :

.menu-burger {
  width: 50px;
  height: 50px;
  padding: 5px;
}

...

.menu-burger > div {
  display: flex;
  justify-content: space-between;
}

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X