Propriété "Line-Height"

 

Permet de définir l'interlignage dans un bloc de texte, c'est-à-dire l'espacement qui sépare les lignes qui est calculé en fonction du corps choisi (taille des caractères).

La valeur "normal" correspond à l'interlignage de base calculé par le navigateur en fonction de la taille de police utilisée. Il n'est donc pas utile de la spécifier si vous souhaitez utiliser cette valeur par défaut.

La hauteur des interlignes peut être définie par un "nombre", et cette hauteur est fonction de la taille de la police utilisée, qui est simplement multipliée par le nombre choisi.

Pour certains contenus ou suivant votre souhait, il peut être intéressant de mettre en relief une portion de texte et soit d'inclure ce code dans la fiche "externes" si on doit y avoir recours assez souvent, soit uniquement dans la partie HEAD du source de la page concernée, si le besoin est occasionnel.

Cette propreté"text-indent" bénéficie des règles d'héritage, mais les valeurs négatives ne sont pas tolérées.

 

<STYLE type="text/css">

p
{
font-size: 10pt ;
color: black ;
}

.line-height
{
font-size: 14px ;
font-style: normal ;
line-height: 2.8em ;
color: #993333 ;
}

.large
{
line-height:3em ;
color: #666600 ;
font-size: 15pt ;
background-color: #FFFFFF ;
}

</STYLE>

 

 

Code 1 classe "line-height" placé en BODY

<p class="line-height">Un dr&ocirc;le d'os d&eacute;couvert au cours d'une promenade ........... </p>

 

Résultat de l'exemple 1

 

---

 

Code 2 classe ".large placé en BODY + retrait de texte

<blockquote>
<p class="large">Un dr&ocirc;le d'os d&eacute;couvert au cours d'une promenade ....... </p></div></blockquote>

 

Résultat de l'exemple 2