Manuel de référence HTML

Tous les balises HTML

HTML: attribut valign du <colgroup>

Dans HTML5 dans Safari, l'attribut valign du <colgroup> n'est pas pris en charge. L'attribut valign définit la manière dont le contenu du groupe de colonnes est aligné verticalement.

　HTML <colgroup> balise

Exemple en ligne

Un tableau HTML avec des colonnes d'alignement vertical différent :

Exemple

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

Testez pour voir ‹/›

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

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

Définition et utilisation

Dans HTML5 Dans HTML, l'attribut valign de <colgroup> n'est pas pris en charge.

L'attribut valign détermine la manière dont le contenu des colonnes du groupe est aligné verticalement.

Syntaxe

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

Valeur de l'attribut

Valeur	Description
top	Alignement du contenu en haut.
middle	Alignement du contenu au centre (valeur par défaut).
bottom	Alignement en bas du contenu.
baseline	Alignement avec la ligne de base. La ligne de base est une ligne fictive. Dans une ligne de texte, la plupart des lettres se trouvent sur la ligne de base. La valeur de la ligne de base fait que tous les données de tableau dans la 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 les tailles de police du texte sont différentes, l'effet de la ligne de base est meilleur. Voir l'illustration ci-dessous.

Illustration bottom vs. baseline lorsque le texte a des tailles de police différentes :

valign="bottom"

valign="baseline"

　HTML <colgroup> balise

HTML: <template> balise