Propriété : Alignement Vértical
Usage:
vertical-align: baseline;
vertical-align: sub;
vertical-align: super;
vertical-align: 50%;
vertical-align: pt | px | cm;
Définition:
On peut décorer notre texte avec cette attribution. Pour créer un texte de base et de puissance.
Il se présente avec les valeurs suivantes.
a)baseline : Le texte apparaîtra normalement.
b)sub : Le texte apparaîtra comme indice inférieur. Il se mettra en bas/au dessous du texte normal.
c)super : Le texte apparaîtra comme indice supérieur. Il se mettra au dessus du texte normal.
d)% : La valeur peut être configurée en pourcentage comme 50%, etc...
e)pt | px | cm : Ces valeurs peuvent être configurées en points ou pixels ou en cm.
Exemple 1:
Suivant un <font style="vertical-align: baseline;"> texte </font> Exemple.
Résultat:
Suivant un texte Exemple.
Exemple 2:
Suivant un <font style="vertical-align: sub;"> Sous la ligne de texte</font> Exemple.
Résultat:
Suivant un Sous la ligne de texte Exemple.
Exemple 3:
Suivant un <font style="vertical-align: super;">Super Line Texte </font> Exemple.
Résultat:
Suivant un Super Line Texte Exemple.
Exemple 4:
Suivant un <font style="vertical-align: -10px;"> Pixel </font> Exemple.
Résultat:
Suivant un Pixel Exemple.
Remarque : Pour avoir un indice inférieur, on doit configurer des valeurs négatives. Cette règle s’applique au %, pt et cm. Avec l’exemple ci-dessus, on peut également utiliser les valeurs pt (points) ou cm (centimètres) ou %(pourcentage) au lieu de px.
|