|
• |
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 :
| Valeur | Description |
|---|
| taille | nombre positif ou négatif, en px, %, cm...
(dépend de la baseline) |
| baseline | alignement sur la ligne de base |
| sub | alignement en bas de la ligne de base |
| super | alignement au-dessus de la ligne de base |
| text-top | alignement du texte en haut de l'élément parent |
| text-bottom | alignement du texte en bas de l'élément parent |
| middle | alignement au milieu |
| top | alignement en haut |
| bottom | alignement 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>...)
|
