English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
vertical-Contrôlé par l'attribut CSS alignNiveau en ligneLes bords générés par les éléments (généralement du texte et des images) par rapport àBlocL'alignement vertical du texte dans le cadre ou de la cellule de tableau d'une ligne
Le tableau suivant décrit l'utilisation de cette propriété, l'historique des versions, ainsi que la syntaxe d'utilisation de cette propriété dans le script JavaScript.
| Valeur par défaut : | baseline |
|---|---|
| Appliqué à : | Niveau en ligne et éléments de cellule de tableau |
| Héritage : | Aucun |
| Animable : | Est.Veuillez consulter Attributs d'animation. |
| Version : | CSS 1,2,3 |
| Grammaire JavaScript : | object.style.verticalAlign="middle" |
La syntaxe de cet attribut est la suivante :
vertical-align: baseline | sub | super | top | text-top | middle | bottom | text-bottom | length | percentage | initial | inherit
Le tableau suivant montre comment utiliser vertical-Alignement de l'attribut.
img {
vertical-align: middle;
}
span {
vertical-align: super;
}Voyons voir‹/›Le tableau suivant décrit les valeurs de cette propriété.
| Valeur | Description |
|---|---|
| baseline | Aligner la ligne de base de la boîte de l'élément avec la ligne de base du cadre parent. |
| sub | Baisse de la ligne de base de la boîte pour qu'elle soit adaptée à la position de l'indicateur inférieur du cadre parent. |
| super | Levée de la ligne de base de la boîte pour qu'elle soit adaptée à la position de l'indicateur supérieur du cadre parent. |
| top | Aligner le haut de l'élément et de ses descendants avec le haut de la boîte de ligne. |
| text-top | Aligner le haut de l'élément avec le haut de la police de l'élément parent. |
| middle | Aligner le milieu de l'élément avec la ligne de base du parent plus élevée que le cadre parentx-heightAlignement au milieu des points |
| bottom | Aligner le bas de l'élément et de ses descendants avec le bas de la boîte de ligne. |
| text-bottom | Aligner le bas de l'élément avec le bas de la police de l'élément parent. |
| length | En px, pt, cm, em, etc. La valeur de longueur augmente (valeur positive) ou diminue (valeur négative) de cette distance par rapport à la ligne de base de l'élément parent. La valeur 0px est égale à la ligne de base. |
| percentage | Levée (valeur positive) ou abaissement (valeur négative) de la boîte de cette distance (line-heightEn pourcentage). La valeur 0% est égale à la ligne de base. |
| initial | Réinitialisez cette propriété à sa valeur par défaut. |
| inherit | Si spécifié, l'élément lié utilise la vertical de son élément parent-Valeur de l'attribut align |
vertical-Compatibilité des navigateurs pour l'attribut align ; les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.
|
Veuillez consulter les tutoriels suivants :Alignement CSS.
Propriétés associées :line-height.