documentation css line-height

Vous êtes ici: Les articles techniques » documentation » Cascading Style Sheets : L'ensemble des propriétés CSS » line-height

Table des matières

line-height

Version CSS : 1

  • S’applique à : Tous les éléments.
  • Valeur héritée : Oui
  • Valeur par défaut : normal

Compatibilité

Navigateur IE 6 IE 7 Firefox 1.5 Firefox 2 Opera 8.5 Opera 9 Konqueror 3.5 Safari 2
line-height Partiel Partiel Oui Oui Oui Oui Oui Non testé
normal Oui Oui Oui Oui Oui Oui Oui Non testé
Number Oui Oui Oui Oui Oui Oui Oui Non testé
Unité de longueur Oui Oui Oui Oui Oui Oui Oui Non testé
Percentage Oui Oui Oui Oui Oui Oui Oui Non testé
inherit Non Non Oui Oui Oui Oui Oui Non testé

Explications

Permet de définir l’interlignage dans un bloc de texte. La valeur normal correspond à l’interlignage de base calculé par le navigateur en fonction de la taille de police utilisée. Les valeurs données peuvent être négative.

Les 3 valeurs suivantes donneront donc le même résultat : line-height: normal; line-height: 100%; line-height: 1;

Les navigateurs peuvent interpréter différemment les polices, il est donc plus prudent de tester sous différents navigateurs les résultats de l’interligne.

Exemple de script

.interligne1 {
  line-height: normal ;
}
 
.interligne2 {
  line-height: 70% ;
}
 
.interligne3 {
  line-height: 15px ;
}
 
.interligne4 {
  line-height: 1.7 ;
}



veille
inscrits inscrits ! Compensation à la rédaction
  • Inscription au wiki
  • Connexion

vod