<!-->
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article> (HTML5)
<aside>(HTML5)
<audio> (HTML5)
<b>
<base>
<basefont>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas> (HTML5)
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command> (HTML5)
<datalist> (HTML5)
<dd>
<del>
<details> (HTML5)
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<embed> (HTML5)
<fieldset>
<figcaption> (HTML5)
<figure> (HTML5)
<font>
<footer> (HTML5)
<form>
<frame>
<frameset>
<h1> - <h6>
<head>
<header> (HTML5)
<hgroup> (HTML5)
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<keygen> (HTML5)
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark> (HTML5)
<menu>
<meta>
<meter> (HTML5)
<nav> (HTML5)
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output> (HTML5)
<p>
<param>
<pre>
<progress> (HTML5)
<q>
<rp> (HTML5)
<rt> (HTML5)
<ruby> (HTML5)
<s>
<samp>
<script>
<section> (HTML5)
<select>
<small>
<source> (HTML5)
<span>
<strike>
<strong>
<style>
<sub>
<summary> (HTML5)
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time> (HTML5)
<title>
<tr>
<tt>
<u>
<ul>
<var>
<video> (HTML5)
<wbr> (HTML5)
Η ετικέτα <colgroup>
Ορισμός και χρήση
Η ετικέτα <colgroup> ορίζει CSS στυλ για μια ομάδα στηλών του πίνακα. Μπορούμε να χρησιμοποιήσουμε αυτήν την ετικέτα μόνο μέσα στην ετικέτα <table> και ακριβώς κάτω από αυτήν.

Η ιδιότητα span ορίζει τον αριθμό των κελιών που θα εφαρμοστούν τα στυλ που ορίζονται στην ιδιότητα style με CSS

Η ιδιότητα style μέσα στην <colgroup> χρησιμοποιείται για να ορίσει CSS στυλ στις στήλες του πίνακα, χωρίς να χρειάζεται να τις επαναλαμβάνουμε σε κάθε στήλη. Έτσι η συντήρηση και η ενημέρωση του πίνακα γίνεται λειτουργικότερη και πιο γρήγορη, αφού χρειάζεται η αλλαγή μιας ιδιότητας μόνο μια φορά για να εφαρμοστεί σε όλες τις στήλες

Μέσα στις ετικέτες αρχής και τέλους μπορεί να τοποθετηθεί η ετικέτα <col>

Ετικέτα τέλους: </colgroup>
Παράδειγμα
Πηγαίος Κώδικας Αποτέλεσμα στον browser
<table border="1">
<colgroup span="3" style="width: 40px; background-color: #FFCC00;">
</colgroup>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
1 2 3 4
Διαφορές στην χρήση μεταξύ της HTML4.01 και την HTML5
Οι περισσότερες ιδιότητες της ετικέτας έχουν αφαιρεθει στην HTML5
Ιδιότητες
Ιδιότητα Τιμή Περιγραφή
align left
right
top
bottom
ΔΕΝ ΣΥΜΠΕΡΙΛΑΜΒΑΝΕΤΑΙ ΣΤΗΝ HTML5
Ορίζει την στοίχιση του περιεχόμενου του κελιού του πίνακα
char χαρακτήρας ΔΕΝ ΣΥΜΠΕΡΙΛΑΜΒΑΝΕΤΑΙ ΣΤΗΝ HTML5
Ορίζει έναν χαρακτήρα στον οποίο θα στοιχίζετε η στήλη του πίνακα
 
charoff pixels
%
ΔΕΝ ΣΥΜΠΕΡΙΛΑΜΒΑΝΕΤΑΙ ΣΤΗΝ HTML5
Απόσταση έως τον πρώτο χαρακτήρα στοίχισης σε μια γραμμή
span αριθμός Ορίζει το πλήθος των στηλών που θα εφαρμοστούν οι ιδιότητες
valign top
middle
bottom
baseline
ΔΕΝ ΣΥΜΠΕΡΙΛΑΜΒΑΝΕΤΑΙ ΣΤΗΝ HTML5
Ορίζει την κάθετη στοίχιση του περιεχόμενου του κελιού του πίνακα
width pixel
%
ΔΕΝ ΣΥΜΠΕΡΙΛΑΜΒΑΝΕΤΑΙ ΣΤΗΝ HTML5
Ορίζει το πλάτος του κελιού
Κοινές (standard) ιδιότητες που μπορεί να πάρει η ετικέτα:
Η ετικέτα <colgroup> υποστηρίζει τις standard ιδιότητες της HTML5
HTML Γεγονότα που μπορεί να πάρει η ετικέτα:
Η ετικέτα <colgroup> υποστηρίζει τις ιδιότητες events της HTML5