--- title: slug: Web/HTML/Element/colgroup tags: - Element - HTML - HTML tabular data - Referencia - Tables - Web translation_of: Web/HTML/Element/colgroup ---

Sumari

L'Element HTML Grup de columnes de taula (<colgroup>) defineix un grup de columnes dins d'una taula.

Categories de contingut	Cap.
Contingut permès	Si l'atribut {{htmlattrxref("span", "colgroup")}} és present: Cap, és un {{Glossary("empty element")}}. Si l'atribut no està present : zero o més elements {{HTMLElement("col")}}
Omissió de l'etiqueta	L'etiqueta d'inici pot ser omesa, si té un element {{HTMLElement("col")}} com el seu primer fill i si no està precedida per un {{HTMLElement("colgroup")}} l'etiqueta final ha estat omesa. L'etiqueta final es pot ometre, si no és seguit per un espai o un comentari.
Elements pares permesos	Un element {{HTMLElement("table")}} . El {{HTMLElement("colgroup")}} ha d'aparèixer després de qualsevol element {{HTMLElement("caption")}} opcional, però abans de qualsevol element {{HTMLElement("thead")}}, {{HTMLElement("th")}}, {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}} i {{HTMLElement("tr")}}.
Interfície DOM	{{domxref("HTMLTableColElement")}}

Atribut

Aquest element inclou els atributs globals.

{{htmlattrdef("align")}} {{Deprecated_inline("html4.01")}}, {{obsolete_inline("html5")}}

Aquest atribut enumerat especifica com es gestionarà l'alineació horitzontal del contingut de cada cel·la de la columna. Els valors possibles són:

left, alineació del contingut a l'esquerra de la cel·la
center, centrar el contingut en la cel·la
right, alineació del contingut a la dreta de la cel·la
justify, inserció d'espais en el contingut textual de manera que el contingut es justifica en la cel·la
char, alineació del contingut textual d'un caràcter especial amb un desplaçament mínim, definit pels atributs {{htmlattrxref("char", "col")}} i {{htmlattrxref("charoff", "col")}} {{unimplemented_inline(2212)}}.

Si aquest atribut no està establert, s'assumeix el valor d'esquerra. Els elements {{HTMLElement("col")}} descendents podem substituir aquest valor mitjançant el seu propi atribut {{htmlattrxref("align", "col")}}.

Nota: No utilitzeu aquest atribut, ja que és obsolet (no suportat) en l'últim estàndard.

Per aconseguir el mateix efecte qu'els valors left, center, right or justify:
- No tracteu d'establir la propietat {{cssxref("text-align")}} en un selector aplicant-ho a un element {{HTMLElement("colgroup")}}. Perquè els elements {{HTMLElement("td")}} no són descendents de l'element {{HTMLElement("colgroup")}} , ells no heretaran.
- Si la taula no utilitza un atribut {{htmlattrxref("colspan", "td")}} utilitzeu el selector CSS td:nth-child(an+b) on a és el nombre total de les columnes de la taula i b és la posició ordinal de la columna a la taula. Només després d'aquest selector la propietat {{cssxref("text-align")}} es pot utilitzar.
- Si la taula fa ús d'un atribut {{htmlattrxref("colspan", "td")}} , l'efecte es pot aconseguir mitjançant la combinació adequada de selectors d'atributs CSS com [colspan=n], encara que això no és trivial.
Per aconseguir el mateix efecte que el valor char, en CSS3, pot utilitzar el valor de char {{htmlattrxref("char", "colgroup")}} com el valor de la propietat {{cssxref("text-align")}} {{unimplemented_inline}}.

{{htmlattrdef("bgcolor")}} {{Non-standard_inline}}

Aquest atribut defineix el color de fons de cada cel·la de las columnes menbres de un column group. És un codi de 6 dígits hexadecimal definits en sRGB, precedit per un '#'. Una de les setze cadenes de colors predefinits, com s'esmenta més endavant, es poden fer servir:

	`black` = "#000000"		`green` = "#008000"
	`silver` = "#C0C0C0"		`lime` = "#00FF00"
	`gray` = "#808080"		`olive` = "#808000"
	`white` = "#FFFFFF"		`yellow` = "#FFFF00"
	`maroon` = "#800000"		`navy` = "#000080"
	`red` = "#FF0000"		`blue` = "#0000FF"
	`purple` = "#800080"		`teal = "#008080"`
	`fuchsia` = "#FF00FF"		`aqua` = "#00FFFF"

Not d'ùs: No utilitzeu aquest atribut, ja que no és estàndard i només implementat en algunes versions de Microsoft Internet Explorer; Els elements {{HTMLElement("colgroup")}} és podem donat estil amb CSS. Per donar un efecte similar a l'atribut bgcolor, utilitzeu la propietat CSS {{cssxref("background-color")}} en els elements {{HTMLElement("td")}} pertinents.

{{htmlattrdef("char")}} {{Deprecated_inline("html4.01")}}, {{obsolete_inline("html5")}}: Aquest atribut especifica l'alineació del contingut de un grup de columnas a un caràcter. Els valors típics d'això inclouen un punt (.) en intentar alinear els números o valors monetaris . Si no s'estableix {{htmlattrxref("align", "colgroup")}} a char, aquest atribut s'ignora, tot i que encara s'utilitza com a valor per omissió d' {{htmlattrxref("align", "col")}} de lelement {{HTMLElement("col")}} que són membres d'aquest grup de columnes..
Nota: No utilitzeu aquest atribut, ja que és obsolet (i no és compatible) en l'últim estàndard. Per aconseguir el mateix efecte com el {{htmlattrxref("char", "colgroup")}}, en CSS3, pots utilitzar el joc de caràcters utilitzant l'atribut {{htmlattrxref("char", "colgroup")}} com el valor de la propietat {{cssxref("text-align")}} property {{unimplemented_inline}}.

{{htmlattrdef("charoff")}} {{Deprecated_inline("html4.01")}}, {{obsolete_inline("html5")}}: Aquest atribut s'utilitza per indicar el nombre de caràcters per compensar les dades de la columna dels caràcters d'alineació especificat per l'atribut char.
Nota: No utilitzeu aquest atribut, ja que és obsolet (i no és compatible) en l'últim estàndard.

{{htmlattrdef("span")}}

Aquest atribut conté un enter positiu que indica el nombre de columnes consecutives que abastan l'element <colgroup>. Si no hi és, el seu valor per defecte és 1.

Note: Aquest atribut s'aplica sobre els atributs del grup de columna, no té cap efecte sobre les regles d'estil CSS associats a ella o, encara més, a les cel·les dels membres de les columnes del grup.

L'atribut span pot no estar present si hi ha un o més elements <col> dins el <colgroup>.

{{htmlattrdef("valign")}} {{Deprecated_inline("html4.01")}}, {{obsolete_inline("html5")}}

Aquest atribut especifica l'alineació vertical del text dins de cada cel·la de la columna. Els valors possibles per aquest atribut són:

baseline, posarà el text tan a prop del fons de la cel·la com sigui possible, però alineant-ho sobre la baseline dels caràcters en lloc de la part inferior d'ells. Si els caràcters són tots de la mida, això té el mateix efecte que bottom.
bottom, posarà el text tan a prop de la part inferior de la cel·la com sigui possible;
middle, centrarà el text en la cel·la;
and top, posarà el text tan com sigui possible a la part superior de la cel·la.

Nota: No utilitzeu aquest atribut, ja que és obsolet (i no és compatible) en l'últim estàndard:

No tracteu d'establir la propietat {{cssxref("vertical-align")}} en un selector donant-ho a un element {{HTMLElement("colgroup")}}. Perquè els elements{{HTMLElement("td")}} no són descendents de l'element {{HTMLElement("colgroup")}}, ells no heretaran.
Si la taula no utilitza un atribut {{htmlattrxref("colspan", "td")}} attribute, use the td:nth-child(an+b) CSS selector per column, on a és el nombre total de les columnes de la taula i b és la posició ordinal de la columna a la taula. Només després d'aquest selector la propietat {{cssxref("vertical-align")}} es pot utilitzar.
Si la taula no fa ús d'un atribut colspan {{htmlattrxref("colspan", "td")}} l'efecte es pot aconseguir mitjançant la combinació adequada de selectors d'atributs CSS com [colspan=n], encara que això no és trivial.

{{htmlattrdef("width")}} {{obsolete_inline}} in {{HTMLVersionInline(5)}}: Aquest atribut especifica una amplada per defecte per a cada columna en el grup de la columna actual. A més dels valors dels píxels i percentatge estàndard, aquest atribut podria prendre la forma especial 0*, el que significa que l'ample de cada columna al grup ha de ser l'ample mínim necessari per mantenir els continguts de les columnes. Amplades relatives com ara 0,5* també es poden utilitzar.

Exemples

Si us plau, consulteu la pàgina {{HTMLElement("table")}} per exemples de <colgroup>.

Especificacions

Especificació	Estat	Comentari
{{SpecName('HTML WHATWG', 'tabular-data.html#the-colgroup-element', '<colgroup>')}}	{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'tabular-data.html#the-colgroup-element', '<colgroup>')}}	{{Spec2('HTML5 W3C')}}
{{SpecName('HTML4.01', 'tables.html#edef-COLGROUP', '<colgroup>')}}	{{Spec2('HTML4.01')}}

Navegadors compatibles

Característica	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Suport bàsic	1.0	{{CompatGeckoDesktop("1.0")}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
atribut `align/valign`	{{CompatUnknown}}	{{CompatNo}} {{bug(915)}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}
atribut `char/charoff`	{{CompatUnknown}}	{{CompatNo}} {{bug(2212)}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}
atribut `bgcolor`	{{CompatUnknown}}	{{CompatNo}}	{{CompatVersionUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}

Característica	Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Suport bàsic	{{CompatUnknown}}	{{CompatGeckoMobile("1.0")}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}
atribut `align/valign`	{{CompatUnknown}}	{{CompatNo}} {{bug(915)}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}
atribut `char/charoff`	{{CompatUnknown}}	{{CompatNo}} {{bug(2212)}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}
atribut `bgcolor`	{{CompatUnknown}}	{{CompatNo}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}

Veure

Altres elements HTML relacionats amb taules : {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}};
Propietats CSS i pseudo-classes que poden ser especialment útils per a l'estil de l'element <col>:
- La propietat {{cssxref("width")}} controla l'ample de la columna;
- La pseudo-class {{cssxref(":nth-child")}} estableix l'alineació en les cel·les de la columna;
- La propietat {{cssxref("text-align")}} alinea tots els continguts de les cel·les en el mateix caràcter, like '.'.