Manuel de référence HTML

Complète des balises HTML

HTML: attribut valign du <col>

L'attribut valign spécifie le mode d'alignement vertical du contenu lié à l'élément <col>, une démonstration en ligne montre comment utiliser l'attribut valign du col HTML, la compatibilité des navigateurs, la définition de la syntaxe et les détails des valeurs des attributs, etc.

　HTML <col> balise

Exemple en ligne

Tableau HTML avec des colonnes alignées verticalement différentes :

Exemple

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Utilisation de l'attribut valign du col HTML-Tutoriel de base(oldtoolbag.com)</title>
<style>table, th, td { border:　1px solid black;}</style>
</head>
<body>
<table style="height:200px">
　　<col>
　　<col valign="bottom">
　　<tr>
　　　　<th>Month</th>
　　　　<th>Savings</th>
　　</tr>
　　<tr>
　　　　<td>January</td>
　　　　<td>$100</td>
　　</tr>
</table>
</body>
</html>

Vérifiez et voyez si... ‹/›

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

Seuls Internet Explorer et Opera prennent en charge l'attribut valign. Cependant, IE et Opera ne prennent pas en charge la valeur "baseline".

Définition et utilisation

HTML5 L'attribut valign de <col> n'est plus pris en charge.

L'attribut aligne définit la manière dont le contenu lié à l'élément <col> est aligné verticalement.

Syntaxe

<col valign="top|middle|bottom|baseline">

Valeur de l'attribut

Valeur	Description
Haut	Alignement du contenu en haut.
Milieu	Alignement du contenu au centre (valeur par défaut).
Bas	Alignement du contenu en bas.
Ligne de base	Alignement avec la ligne de base.

La ligne de base est une ligne fictive. Dans une ligne de texte, la plupart des lettres sont basées sur la ligne de base. La valeur de la ligne de base fait que tous les données de tableau dans une ligne partagent la même ligne de base. L'effet de cette valeur est souvent le même que celui de la valeur "bottom". Cependant, si la taille des polices du texte est différente, l'effet de la ligne de base est meilleur. Voir l'image ci-dessous :

valign="bottom"

valign="baseline"

　HTML <col> balise

HTML: <template> balise