La propriété vertical-align

La propriété CSS border-collapse permet de gérer l'alignement vertical d'un texte. Elle prend pour valeur une des possibilités de la liste suivante :

ValeurDescription
taillenombre positif ou négatif, en px, %, cm...
(dépend de la baseline)
baselinealignement sur la ligne de base
subalignement en bas de la ligne de base
superalignement au-dessus de la ligne de base
text-topalignement du texte en haut de l'élément parent
text-bottomalignement du texte en bas de l'élément parent
middlealignement au milieu
topalignement en haut
bottomalignement en bas

img
{
vertical-align: baseline;
}
texte baseline

img
{
vertical-align: sub;
}
texte sub

img
{
vertical-align: super;
}
texte super

img
{
vertical-align: text-top;
}
texte text-top

img
{
vertical-align: text-bottom;
}
texte text-bottom

img
{
vertical-align: middle;
}
texte middle

img
{
vertical-align: top;
}
texte top

img
{
vertical-align: bottom;
}
texte bottom

img
{
vertical-align: -25px;
}
texte pixels négatifs

img
{
vertical-align: 50%;
}
texte pourcentage


Cette propriété peut être appliqué uniquement :
• à la balise image <IMG />
• aux champs de formulaires (<INPUT />, <TEXTAREA>)
• aux tableaux (<TR>, <TD>...)