vertical-align

Cette propriété possède deux jeux de valeurs agissant sur différentes caractéristiques de l'élément incorporé auxquelles elles sont appliquées. A chaque élément incorporé correspond un cadre destiné à recevoir son contenu. Deux valeurs, top et bottom, déterminent le positionnement du texte à l'intérieur de ce cadre. Ces valeurs alignent le texte sur le haut et sur le bas du cadre, respectivement.

L'utilisation de cette propriété ne se borne pas au texte incorporé. Il peut être appliqué aux images et aux tableaux. Toutes les autres valeurs de vertical-align agissent sur la façon dont le cadre occupé par l'élément est positionné sur l'axe vertical par rapport au contenu texte de l'élément parent. La valeur par défaut, baseline, signifie que la zone de ligne est positionnée de telle sorte que la ligne de base du texte qu'elle contient (ou le bas d'un élément img, par exemple) et la ligne de base du texte parent sont alignées. Ainsi, un élément em, tout en ayant son propre cadre de destination, apparaîtra cependant sur la même ligne de base que l'élément p qui le contient.

Le reste des valeurs possibles pour cette propriété (constantes, longueur et pourcentages) déterminent à quel endroit la zone de ligne de l'élément est placée par rapport à la ligne parente. Un pourcentage ou une position de longueur positifs positionne l'élément à la distance indiquée au dessus de la ligne de base; une valeur négative positionne l'élément au dessous de la ligne de base. Les pourcentages sont calculés par rapport à la hauteur de ligne.