English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Ce document présente l'attribut width de l'élément HTML colgroup, qui détermine la largeur du groupe de colonnes. Habituellement, l'espace occupé par le groupe de colonnes est l'espace nécessaire pour afficher le contenu. L'attribut width est utilisé pour définir une largeur prédéfinie pour le groupe de colonnes.
L'élément <colgroup> est utilisé pour spécifier que la largeur prédéfinie de la première colonne doit être200 pixels :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Utilisation de l'attribut width de <colgroup> dans HTML-Tutoriel de base (oldtoolbag.com)>/title>
<style>table, th, td { border: 1px solid black;}/style>
</head>
<body>
<table>
<colgroup width="200">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
</body>
</html>Voyons si nous pouvons tester ‹/›IEFirefoxOperaChromeSafari
Tous les navigateurs populaires prennent en charge l'attribut width. Cependant, aucun navigateur ne prend en charge relative_length Valeur.
Dans HTML5 Ne pas soutenir l'attribut width de <colgroup>.
La propriété width détermine la largeur du groupe de colonnes.
Généralement, l'espace occupé par le groupe de colonnes est celui nécessaire à son contenu. La propriété width est utilisée pour définir une largeur prédéfinie pour le groupe de colonnes.
Remarque :Cette propriété sera couverte par tout réglage de largeur dans l'élément <col>.
<colgroup width="pixels|%|relative_lngth">
| Valeur | Description |
|---|---|
| pixels | Définir la valeur de largeur en pixels (par exemple : width="50"). |
| % | Définir la valeur de largeur en pourcentage de l'élément englobé (par exemple : width="50%"). |
| relative_length | Affectez les pixels disponibles à chaque partie. La partie une est définie comme "1*）, la partie deux est définie comme "2*） (par exemple, la largeur de la table est 100px, le premier groupe de colonnes est 20px, le deuxième groupe de colonnes est 50%, alors les pixels disponibles restants sont 30px). Exemple : si les pixels disponibles sont 30px, alors vous pouvez définir la partie une comme "1*）, la partie deux est "2*）, cela sera interprété comme 10 et 20 pixels (1*“） pour la partie une2*） pour la partie deux). |