Définition de verticalAlign
La propriété javascript de feuille de style css verticalAlign permet de gérer en javascript l'alignement vertical du texte.
Exemple de code :
ObjetJavacsript.style.verticalAlign = "top";
ObjetJavacsript.style.verticalAlign = "10%"; peut prendre une valeur de type String :
- numérique positive ou négative suivie de px ou % ou ex ou em. Le point de départ sera baseline pour le valeurs fixes et pour les pourcentage dépend de line-height.
- baseline, lignes de bases alignées, valeur par défaut.
- sub, ligne de base de l'enfant aligné un peut plus bas que la ligne de base de son parent.
- super, ligne de base de l'enfant aligné un peut plus bas que la partie la plus haute des caractères de son parent.
- text-top, alignement sur les parties les plus hautes.
- text-bottom, alignement sur les parties les plus basses.
- middle, alignement par le milieu vertical.
- top, le haut de l'enfant est aligné sur la partie la plus haute de la ligne.
- bottom, le bas de l'enfant est aligné sur la partie la plus basse de la ligne (sauf ie).
- inherit, hérite de la propriété de son parent (css 2)
La propriété javascript de feuille de style verticalAlign css renvoit une valeur de type String :
- chaîne vide par défaut ('auto' pour Internet Explorer).
- ou une des valeurs ci-dessus.
Application
La propriété javascript de feuille de style css verticalAlign est applicable sur l'ensemble des balises HTML ou XHTML de tableau (tr, td,...), les champs de formulaires (input, textarea).
L'équivalence de la propriété javascript de feuille de style css verticalAlign en HTML est :
- l'attribut HTML VALIGN de la balise HTML TD, TR, TH, ...,
- la balise HTML ou XHTML SUP, SUB
- l'attribut HTML ALIGN de la balise HTML IMG.
La propriété javascript de feuille de style css verticalAlign a pour équivalence en feuilles de style css vertical-align.
Problèmes
Les valeurs données à la propriété javascript de feuille de style css verticalAlign est interprétées différemment suivant le navigateur.
La récupération de la valeur par défaut (c'est à dire la valeur qu'assignée le navigateur si on n'a pas spécifié la propriété css verticalAlign) peut poser des problèmes.