In order to access this site you need to enable JavaScript!

You are here: Reference > HTML > tags > colGroup

colGroup element

Browser support:

Specifies property defaults for a group of columns in a table.

The colgroup tag is used to specify column dependent attributes for a table. You can use the col element to override the attributes of the colgroup for a specific column.

This element must be placed within a table element.

Note that Firefox, Google Chrome, Safari and Opera have only partial support for this element.

For more information, please see the page for the table element.

If you want to see the HTML tags by categories, please visit this page.

This element requires a closing tag.

JavaScript page for this element: colGroup.

Possible members:

Attributes

Events

Styles

align

Sets the horizontal alignment of the contents in an object.

bgColor

Sets the background color of one or more specified columns in a table element.

Sets an alignment character. The alignment of the contents of the cells in the same column depends on this character. The first occurrence of the alignment character in each cell in a column will be on a vertical axis.

char

charOff

Sets the horizontal offset of the ch and char attributes. The direction of the offset is the same as the direction of the text (dir attribute).

chOff

Sets the horizontal offset of the ch and char attributes. The direction of the offset is the same as the direction of the text (dir attribute).

class

Sets the style class or classes that belong to the element.

dir

Sets the text direction as related to the lang attribute.

DISABLED

Sets the state of an object for user interaction.

HIDEFOCUS

Specifies whether a dotted rectangle (focus rectangle) is drawn around an object while it has focus.

Sets a unique identifier for the object.

lang

Specifies the language of the element.

name

Sets the name of an element.

span

Specifies the number of columns in a column group that share the settings defined in the col element.

style

Sets an inline style associated with an element.

vAlign

Specifies the vertical alignment of the text within an object.

width

Specifies the default width of the element.

xml:lang

Sets the language code of the XML document.

-op-phonemes

Specifies a phonetic pronunciation for the text contained by the corresponding element.

-op-voice-pitch

Specifies the average frequency of the speaking voice.

-op-voice-pitch-range

Specifies the variation from the average pitch of the voice.

-op-voice-rate

Specifies the number of spoken words per minute.

-op-voice-stress

Specifies the strength of emphasis to be applied.

-op-voice-volume

Sets the volume of a spoken element.

-xv-interpret-as

Specifies how to interpret the contents of the corresponding element.

-xv-phonemes

Specifies a phonetic pronunciation for the text contained by the corresponding element.

-xv-voice-balance

Sets the balance between left and right channels.

-xv-voice-duration

Specifies how long a given element is to be rendered.

-xv-voice-pitch

Specifies the average frequency of the speaking voice.

-xv-voice-pitch-range

Specifies the variation from the average pitch of the voice.

-xv-voice-rate

Specifies the number of spoken words per minute.

-xv-voice-stress

Specifies the strength of emphasis to be applied.

-xv-voice-volume

Sets the volume of a spoken element.

background

Specifies up to five separate background properties, in a shorthand form.

background-attachment

Specifies whether the background-image should scroll with the contents of the object or not.

background-color

Specifies the color to use for the background of the object.

background-image

Specifies the image to use as the background of the object.

background-position

Sets the position of the background-image within the element.

background-position-x

Specifies the horizontal coordinate of the background-image relative to the upper-left corner of the container object.

background-position-y

Specifies the vertical-coordinate of the background-image relative to the upper-left corner of the container object.

background-repeat

Specifies how to tile the background-image relative to the upper-left corner of the container object.

behavior

Sets the URL of a behavior file.

clear

Specifies the position of the element relative to floating objects.

color

Specifies the color of the element's text content.

counter-increment

8

Specifies the list of counters and increment values.

counter-reset

8

Sets the list of counters and their initial values.

Specifies the type of cursor to display for the pointing device (mouse).

direction

Specifies the text direction.

display

Specifies the element's display type.

font

Specifies up to six separate font properties, in a shorthand form.

font-family

Specifies the font face for text.

font-size

Specifies the font size of the text.

font-size-adjust

Specifies font aspect value (font size divided by x-height).

font-style

Specifies whether the style of the font is normal, italic or oblique.

font-variant

Specifies a variation of the specified or default font-family.

font-weight

Specifies the font weight of the text.

layout-grid

Specifies up to four separate layout-grid properties that specify the layout of text characters.

layout-grid-mode

Specifies whether the text layout grid uses one or two dimensions.

letter-spacing

Specifies the amount of space between letters.

line-height

Specifies the distance between lines of text in a block-level element.

padding

Specifies a shorthand property for setting the top, right, bottom and left spaces between an element's border and its contents, in that order.

padding-bottom

Specifies the space between an element's bottom border and its contents.

padding-left

Specifies the space between an element's left border and its contents.

padding-right

Specifies the space between an element's right border and its contents.

padding-top

Specifies the space between an element's top border and its contents.

pause

Specifies a shorthand property for setting the pause-before and pause-after properties for speaking the element's content.

pause-after

Specifies that the browser should insert a pause after speaking the element's content.

pause-before

Specifies that the browser should insert a pause before speaking the element's content.

rest

Specifies a shorthand property for setting the rest-before and rest-after properties for speaking the element's content.

rest-after

Specifies that the browser should insert a rest after speaking the element's content.

rest-before

Specifies that the browser should insert a rest before speaking the element's content.

text-align

Specifies the horizontal alignment of the text within the element.

text-align-last

Specifies the alignment type of the last or only line of text in the element's contents.

text-autospace

Specifies the spacing rules between Western and Asian-based (such as Japanese and Chinese) characters.

text-decoration

Specifies the appearance characteristics of text, whether it is underlined, overlined, lined-through or blinking text.

text-shadow

	3.5

Specifies a comma-separated list of shadow effects to be applied to the text of the element.

text-transform

Specifies the case of the text.

text-underline-position

Specifies the position of the underline decoration.

unicode-bidi

Specifies whether the text should be overridden to support multiple languages in the same document. Use with the direction property.

visibility

Specifies whether the element is visible.

voice-family

Specifies the type of voice to use as speak control.

word-spacing

Specifies the spacing between words.

z-index

Specifies the stack level of positioned objects.

zoom

Specifies the zoom level of the element's content.

Example HTML code 1:

This example illustrates the use of the colGroup element:

<table border="1px">
    <colgroup style="background-color: #a0a0f0;">
        <col style="background-color: #a0f0a0;" />
        <col span="2" />
    </colgroup>
    <tbody>
        <tr>
            <td>Apple</td>
            <td>$5</td>
            <td>$10.7</td>
        </tr>
        <tr>
            <td>Pear</td>
            <td>$10.50</td>
            <td>$8.20</td>
        </tr>
        <tr>
            <td>Peach</td>
            <td>$23.30</td>
            <td>$19.45</td>
        </tr>
    </tbody>
</table>

Copy Code

Preview

Syntax Highlighter

Did you find this example helpful? yes no

col
table
td
th

External links:

colgroup element (MSDN)
colgroup element (Safari Reference Library)
colgroup element (W3C)

Digg Del.icio.us Reddit Facebook Twitter Diigo

User Contributed Comments

colGroup element

Possible members:

Example HTML code 1:

Related pages:

External links:

Post Content