Définir la propriété verticalAlign du style
- Page précédente userSelect
- Page suivante visibility
- Retour au niveau supérieur Objet Style HTML DOM
Définition et utilisation
verticalAlign
Définit et utilise la propriété d'alignement vertical du contenu de l'élément.
Voir également :
Tutoriel CSS :Texte CSS
Manuel de référence CSS :Propriété vertical-align
Exemple
Exemple 1
Définir la manière d'alignement vertical de certains textes dans le tableau en "bottom" :
document.getElementById("myTd").style.verticalAlign = "bottom";
Exemple 2
Retourne la manière d'alignement vertical de l'élément <td> :
alert(document.getElementById("myTd").style.verticalAlign);
Syntaxe
Retourner la propriété verticalAlign :
object.style.verticalAlign
Définir la propriété verticalAlign :
object.style.verticalAlign = value
Valeur de l'attribut
Valeur | Description |
---|---|
length | Lève ou abaisse l'élément d'une longueur spécifiée. Les valeurs négatives sont autorisées. |
% | Lève ou abaisse l'élément en pourcentage par rapport à la propriété "line-height". Les valeurs négatives sont autorisées. |
baseline | Aligne la ligne de base de l'élément avec la ligne de base de l'élément parent. Par défaut. |
sub | Aligne l'élément comme un indice inférieur. |
super | Aligne l'élément comme un indice supérieur. |
top | Le haut de l'élément est aligné avec le haut de l'élément le plus haut de la ligne. |
text-top | Le haut de l'élément est aligné avec le haut de la police de l'élément parent. |
middle | L'élément est placé au centre de l'élément parent. |
bottom | Le bas de l'élément est aligné avec l'élément le plus bas de la ligne. |
text-bottom | Le bas de l'élément est aligné avec le bas de la police de l'élément parent. |
initial | Réinitialise cette propriété à sa valeur par défaut. Voir initial. |
inherit | Inherits cette propriété de l'élément parent. Voir inherit. |
Détails techniques
Valeur par défaut : | baseline |
---|---|
Valeur de retour : | Une chaîne de caractères, indiquant la manière dont le contenu de l'élément est aligné verticalement. |
Version CSS : | CSS1 |
Support du navigateur
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Support | Support | Support | Support | Support |
- Page précédente userSelect
- Page suivante visibility
- Retour au niveau supérieur Objet Style HTML DOM