English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS line-propriété d'espacement de ligne heightUtilisé pourLa hauteur minimale de la boîte de ligne définie pour l'élémentIl définit l'espacement entre les deux lignes de contenu.
Il définit la quantité d'espace au-dessus et au-dessous des éléments en ligne. Il permet de définir la hauteur de la ligne indépendamment de la taille du texte.
line-La valeur de la propriété height est avec CSS line-La propriété height doit être utilisée ensemble.
| Valeur | Description |
|---|---|
| normal | C'est la valeur par défaut. Elle spécifie la hauteur normale. |
| number | Il spécifie un nombre qui est multiplié par la taille du texte courant pour définir la hauteur de ligne. |
| length | Il est utilisé pour définir la hauteur de ligne en px, pt, cm, etc. |
| % | Il spécifie la hauteur de ligne en pourcentage de la taille du texte courant. |
| initial | Il fixe cette propriété à sa valeur par défaut. |
| inherit | Il hérite de cette propriété de son élément parent. |
<!DOCTYPE html>
<html>
<head>
<style>
h3.small {
line-height: 70%;
}
h3.big {
line-height: 200%;
}
</style>
</head>
<body>
<h3>
C'est un titre avec une espacement de ligne standard par défaut.<br>
C'est un titre avec une espacement de ligne standard par défaut.<br>
La plupart des navigateurs utilisent une espacement de ligne par défaut d'environ110％à120％.<br>
</h3>
<h3 class="small">
C'est un titre avec un petit espacement de ligne.<br>
C'est un titre avec un petit espacement de ligne.<br>
C'est un titre avec un petit espacement de ligne.<br>
C'est un titre avec un petit espacement de ligne.<br>
</h3>
<h3 class="big">
C'est un titre avec une grande espacement de ligne.<br>
C'est un titre avec une grande espacement de ligne.<br>
C'est un titre avec une grande espacement de ligne.<br>
C'est un titre avec une grande espacement de ligne.<br>
</h3>
</body>
</html>Voyons si‹/›