Referens
HTML colgroup

HTML colgroup

HTML colgroup taggen används för att gruppera kolumner i en tabell och anger egenskaper för en eller flera kolumner.

Exempel:

Cell Cell Cell
Cell Cell Cell

HTML:

<table width="100%" border="1">
   <colgroup align="right"></colgroup>
   <colgroup span="2" style="color:#CCCCCC;"></colgroup>
   <tr>
      <td>Cell</td>
      <td>Cell</td>
      <td>Cell</td>
   </tr>
   <tr>
      <td>Cell</td>
      <td>Cell</td>
      <td>Cell</td>
   </tr>
</table>

HTML colgroup taggen måste anges direkt efter <table>-taggen och får inte ha något innehåll.
En tabell kan innehålla ett eller flera colgroup element och dessa utformar kolumnerna från vänster till höger i tur och ordning .

Notera att HTML colgroup inte stödjs av alla webbläsare!

Läs mer om HTML tabeller

HTML colgroup
Elementtyp Sluttagg Utfasat Doctype
Speciell Ja Nej Strict, Transitional, Frameset
Elementet får innehålla
col
Elementet får finnas i
table
Skillnad mellan HTML och XHTML
Ingen

Tips för HTML colgroup

Elementet colgroup kan innehålla ett eller flera col element. Ett attribut som anges för elementet colgroup gäller även för alla inneslutna col element. Observera att om en eller flera colgroup element används så måste alla col element vara omslutna av ett eller flera colgroup element.

HTML colgroup attribut

Valbara attribut
Attribut Beskrivning Värde
align Anger var tabellens rubrik visas.
Stödjs ej av alla webbläsare!		 left, right, top, bottom
char Anger förvalt tecken för justering.
Stödjs ej av alla webbläsare!		 tecken
charoff Anger offset till justeringstecknet om align="char" för justering.
Stödjs ej av alla webbläsare!		 siffra
span Anger antal kolumner som elementet gäller siffra
valign Anger vertikal justering av cellernas innehåll.
Stödjs ej av alla webbläsare!		 top, middle, bottom, baseline
width Anger bredd på kolumnerna.
Detta attribut kan dock bli åsidosatt av attribut i ett col element.		 %, px

Universella attribut
Attribut Beskrivning Värde
id Anger att elements unika identitet text
class Anger vilken klass eller vilka klasser ett element tillhör text
style Tilldelar elementet en egen visuell stil CSS attribut och värden
title Anger en titel för eller kort beskrivning av elementet text
dir Anger textriktning för innehållet rtl, ltr
lang Anger språk på elementets innehåll språkkod
xml:lang Används istället för "lang" när koden skrivs i XHTML 1.0 språkkod

Händelse attribut
Attribut Utlösande händelse Värde
onclick Enkelklick med musen på elementet javascript
ondblclick Dubbelklick med musen på elementet javascript
onkeydown En tangent trycks ned javascript
onkeyup En tangent släpps upp javascript
onkeypress En tangent trycks ned eller hålls nedtryckt javascript
onmousedown En musknapp trycks ned över elementet javascript
onmouseup En musknapp släpps upp över elementet javascript
onmouseover Muspekaren flyttas in över elementet javascript
onmousemove Muspekaren flyttas inom elementet javascript
onmouseout Muspekaren flyttas ut från elementet javascript
| Mer