Exemplu
Setați culoarea de fond a celor trei coloane cu <colgroup> și <col> Tag - uri:
<table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</table>
Încearcă - l singur » Definiție și utilizare
<colgroup> Eticheta specifică un grup de una sau mai multe coloane într - un tabel pentru formatare.
<colgroup> tag - ul este util pentru a aplica stiluri pentru coloane întregi, în loc să repete stiluri pentru fiecare celulă, pentru fiecare rând.
Note: <colgroup> tag - ul trebuie să fie un copil al unui <table> Element, după orice <caption> elemente și înainte de orice <thead>, <tbody>, <tfoot> și <tr> elemente.
Tip: Pentru a defini diferite proprietăți unei coloane într - un <colgroup> , folosiți <col> tag în <colgroup> tag.
Suport pentru browser-
| Element | |||||
|---|---|---|---|---|---|
| <colgroup> | da | da | da | da | da |
Diferențe între HTML 4.01 și HTML5
Cele mai multe dintre atributele in HTML 4.01 nu sunt acceptate în HTML5.
atribute
| Atribut | Valoare | Descriere |
|---|---|---|
| align | left right center justify char | Nu sunt acceptate în HTML5. Aliniază conținutul într-un grup de coloane |
| char | character | Nu sunt acceptate în HTML5. Aliniază conținutul într-un grup de coloane la un caracter |
| charoff | number | Nu sunt acceptate în HTML5. Setează numărul de caractere conținutul va fi aliniat la caracterul specificat de char atributul |
| span | number | Specifică numărul de coloane un grup de coloane ar trebui sa acopere |
| valign | top middle bottom baseline | Nu sunt acceptate în HTML5. Vertical aliniază conținutul într-un grup de coloane |
| width | pixels % relative_length | Nu sunt acceptate în HTML5. Specifică lățimea unui grup de coloane |
Atribute globale
<colgroup> tag - ul sprijină , de asemenea, Atributele Global in HTML .
Atribute Eveniment
<colgroup> tag - ul sprijină , de asemenea, Atribute eveniment în HTML .
Pagini similare
HTML DOM referință: ColumnGroup Obiect
Setări implicit CSS
Cele mai multe browsere vor afișa <colgroup> elementul cu următoarele valori implicite: