www.webelix.net

[ CSS ]


La propriété Vertical-Align

Cette propriété spécifie l'alignement vertical des éléments HTML.

Remarque : IE6 supporte en partie ces valeurs.
vertical-align
Valeur baseline
sub
super
top
text-top
middle
bottom
text-bottom
Longueur
Pourcentage
Type CSS 2
Compatibilité Compatible Internet Explorer 5+ Compatible Netscape 7+ Compatible Firefox 4+ Compatible Safari 3+ Compatible Opera 9+
Valeur par défaut baseline
Domaine d'application Les éléments en-ligne
et les cellules de tableau.
Pourcentage En référence à la hauteur de
la ligne de l'élément lui-même.
Héritage non
Media visuel

Valeur
possible
Action Exemple
baseline Alignement sur la base de la ligne. p {vertical-align: baseline}
middle Alignement au milieu de la base de la ligne. p {vertical-align: middle}
sub Alignement en bas de la ligne de base. p {vertical-align: sub}
super Alignement au-dessus de la ligne de base. p {vertical-align: super}
text-top Alignement en haut de la boite de l'élément. p {vertical-align: text-top}
text-bottom Alignement en bas de la boîte de l'élément. p {vertical-align: text-bottom}
top Alignement en haut de la boite de l'élément avec le haut de la boîte de la ligne. p {vertical-align: top}
bottom Alignement en bas de la boîte de l'élément avec le bas de la boîte de la ligne. p {vertical-align: bottom}
Longueur Alignement au-dessus (valeur positive) ou en-dessous (valeur négative) de la ligne de base. p {vertical-align: 1.7em}
Pourcentage Alignement au-dessus (valeur positive) ou en-dessous (valeur négative) de la ligne de base. p {vertical-align: 120%}