Accueil    HTML    Balise COL
 



balise col  Balise COL : Colonne

«  Partie précédente  |  Index  |  Partie suivante  »


  • Tag de fermeture facultatif ( .../> en xhtml) | Support :
  • Google Chrome
  • Firefox
  • Internet Explorer
  • Opera
  • Safari



La balise <col> s'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>, les différentes balises col étant regroupées sous l'élément <colgroup> juste après le tag d'ouverture du tableau.

Cette balise bien que peu utilisée du fait de sa faible compatibilité avec les navigateurs (seul l'attribut "width" est bien interprété par firefox par exemple) permet de centraliser les styles appliqués à l'ensemble des cellules de la table lorsque cela est adapté (pour un affichage des colonnes homogènes).

Pour bien saisir la notion de colonnes dans une table html, il est important de bien connaître les éléments constituant sa structure : les lignes <tr> et les cellules <td>.



Propriétés pour la balise col :




Propriétés Définition Valeurs
align Alignement horizontal du contenu des cellules relatives à la colonne
déprécié, appliquer le style css text-align pour un rendu similaire
center
char
justify
left
right
char Spécifie un caractère sur lequel s'effectuera l'alignement du contenu des cellules relatives à la colonne
Propriété non supportée par la plupart des navigateurs
caractère
charoff Indique le nombre de caractères à partir duquel se fera l'alignement par rapport au caractère spécifié dans l'attribut "char"
Propriété non supportée par la plupart des navigateurs
valeur
span Nombre de colonnes de la table que l'élément col englobe valeur
valign Alignement vertical du contenu des cellules relatives à la colonne baseline
bottom
middle
top
width Largeur de la colonne
déprécié, appliquer le style css width pour un rendu similaire
%
pixel
relative


Exemple d'utilisation de la balise col :



Déclaration du style des colonnes de la table dans les éléments col :




<table cellpadding="0" cellspacing="0" rules="all" style="border:solid 1px lightgray; border-collapse:collapse;">
   <colgroup>
      <col align="center" width="60px" style="font-weight:bold;" />
      <col align="left" width="100px" />
      <col align="right" width="200px" />
   </colgroup>
   <tr>
      <td>-1-</td>
      <td>html</td>
      <td>liste des balises</td>
   </tr>
   <tr>
      <td>-2-</td>
      <td>style</td>
      <td>liste des styles</td>
   </tr>
<table>



Remarque : le doctype XHTML 1.0 Transitional ne permet pas d'utiliser l'ensemble des attributs de la balise col. Cliquez ici pour voir l'exemple en dehors du contexte du doctype.


-1- html liste des balises
-2- styles liste des styles
-3- scripts liste des scripts