Attribut vertical-align CSS

Définition et utilisation

L'attribut vertical-align définit le mode d'alignement vertical de l'élément.

Explication

Cette propriété définit l'alignement vertical de la ligne de base de l'élément en ligne par rapport à la ligne de base de la ligne dans laquelle l'élément se trouve. Il est permis de spécifier des valeurs de longueur négatives et des pourcentages. Cela fait descendre l'élément plutôt que de le monter. Dans les cellules de tableau, cette propriété définit le mode d'alignement du contenu des cellules dans le cadre de la cellule.

Voir également :

Tutoriel CSS :Texte CSS

Manuel de référence HTML DOM :Attribut verticalAlign

Exemple

Alignement vertical d'une image :

img
  {
  vertical-align:text-top;
  }

Essayez-le vous-même

Syntaxe CSS

vertical-align: ligne de base|length|sub|super|top|text-top|middle|bottom|text-bottom|initial|hérité;

Valeur de l'attribut

Valeur Description
ligne de base Par défaut. L'élément est placé sur la ligne de base de l'élément parent.
sub Alignement vertical des textes en indice.
super Alignement vertical des textes en exposant
top Aligne le haut de l'élément avec le haut de l'élément le plus haut de la ligne.
text-top Aligne le haut de l'élément avec le haut de la police de l'élément parent.
middle Place cet élément au centre de l'élément parent.
bottom Aligne le haut de l'élément avec le haut de l'élément le plus bas de la ligne.
text-bottom Aligne le bas de l'élément avec le bas de la police de l'élément parent.
length 　
% Aligne cet élément en utilisant une valeur en pourcentage de l'attribut "line-height". Les valeurs négatives sont autorisées.
hérité Définit que la valeur de l'attribut vertical-align doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : ligne de base
Héritabilité : non
Version : CSS1
Syntaxe JavaScript : object.style.verticalAlign="bottom"

Plus d'exemples

Alignement vertical des images
Cet exemple montre comment aligner verticalement une image dans le texte.

Support du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 4.0