Cette propriété spécifie l'alignement vertical des éléments HTML.
| vertical-align | |
|---|---|
| Valeur | baseline sub super top text-top middle bottom text-bottom Longueur Pourcentage |
| Type | CSS 2 |
| Compatibilité | 5+
7+
4+
3+
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%} |