CSS - hauteur de ligne

La description

La propriété line-height modifie la hauteur des boîtes en ligne qui constituent une ligne de texte.

Valeurs possibles

  • normal - Indique au navigateur de définir la hauteur des lignes dans l'élément à une distance "raisonnable".

  • number - La hauteur réelle des lignes dans l'élément est cette valeur multipliée par la taille de la police de l'élément.

  • length - La hauteur des lignes dans l'élément est la valeur donnée.

  • percentage - La hauteur des lignes de l'élément est calculée en pourcentage de la taille de la police de l'élément.

S'applique à

Tous les éléments HTML.

Syntaxe DOM

object.style.lineHeight = "15px;"

Exemple

Voici l'exemple -

<html>
   <head>
   </head>

   <body>
      <p style = "line-height:180%">
         This text is having bigger line height. Line 1
         This text is having bigger line height. Line 2
      </p>
   </body>
</html>

Cela produira le résultat suivant -