colgroup facebook twitter youtube

La balise <colgroup> ( Groupe de colonnes )

Placé en début de <table> est utilisé pour spécifier des propriétés communes à un groupe de colonnes.

Ces propriétés seront inspirées depuis les attributs affectés à <colgroup>, tels que style. Elles seront affectées au nombre de colonnes indiqué par l’attribut span. Il doit être placé avant tout usage de <thead>, <tbody>, <tfoot>, et <tr>.

 

Style par défaut


colgroup {
  display: table-column-group;
}

 

Attributs spécifiques à <colgroup>

Attribut Valeurs Rôle
span nombre entier positif Nombre de colonnes auxquelles appliquer les propriétés.

 

Exemple d’usage de <colgroup>


<table>
  <colgroup span="2" style="background:lightgray"></colgroup>
  <tr>
    <td>Cellule 1 de la colonne 1</td>
    <td>Cellule 1 de la colonne 2</td>
    <td>Cellule 1 de la colonne 3</td>
  </tr>
</table>

 

Cellule 1 de la colonne 1 Cellule 1 de la colonne 2 Cellule 1 de la colonne 3

 



  • table

    table

    Est destiné à contenir des données tabulaires,

    .......
    Voir Plus
  • thead

    thead

    La balise <thead>représente un en-tête de tableau,

    .......
    Voir Plus
  • tfoot

    tfoot

    Représente un pied de tableau

    .......
    Voir Plus
  • tbody

    tbody

    Corps du tableau html

    .......
    Voir Plus
  • tr

    tr

    Permet de déclarer une nouvelle ligne dans le  tableau.

    .......
    Voir Plus
  • td

    td

    La balise <td> déclare les cellules d'un tableau html.

    .......
    Voir Plus
  • th

    th

    Elle n'est à utiliser que pour définir les titres d'un tableau , régulièrement employée dans la première ligne de l'élément table dans le but de mettre en valeur les titres des colonnes.

    .......
    Voir Plus
  • caption

    caption

    Est d’attribuer une légende ou un titre à un tableau de données.

    .......
    Voir Plus
  • col

    col

    Utilise pour décrire l'apparence des colonnes d'un tableau. Elle est ainsi employée uniquement à l'intérieur de l'élément <table>

    .......
    Voir Plus
Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces