HTML CSS Reference/HTML Tag Reference/colgroup
Содержание
- 1 "colgroup" CSS Attributes and JavaScript Style Properties
- 2 "colgroup" Event Handlers
- 3 "colgroup" Example
- 4 "colgroup" HTML Attributes
- 5 "colgroup" JavaScript Collections
- 6 "colgroup" JavaScript Methods
- 7 "colgroup" JavaScript Objects
- 8 "colgroup" JavaScript Properties
- 9 "colgroup" Microsoft Behaviors
- 10 "colgroup" Syntax and Note
"colgroup" CSS Attributes and JavaScript Style Properties
Names noted with an asterisk (*) are JavaScript properties only.
+----------------+--------------------------------------------------------------+
| CSS |!important background |
| Attributes |background-attachment background-color |
| and |background-image background-position |
| JavaScript |background-position-x background-position-y |
| Style |background-repeat behavior |
| Properties |clear color |
| |cursor direction |
| |display font |
| |font-family font-size |
| |font-style font-variant |
| |font-weight layout-grid |
| |layout-grid-mode letter-spacing |
| |line-height overflow |
| |padding padding-bottom |
| |padding-left padding-right |
| |padding-top pixelBottom(*) |
| |pixelHeight(*) pixelLeft(*) |
| |pixelRight(*) pixelTop(*) |
| |pixelWidth(*) posBottom(*) |
| |posHeight(*) posLeft(*) |
| |posRight(*) posTop(*) |
| |posWidth(*) text-autospace |
| |text-decoration text-transform |
| |text-underline-position textDecorationBlink(*) |
| |textDecorationLineThrough(*) textDecorationNone(*) |
| |textDecorationOverline(*) textDecorationUnderline(*) |
| |unicode-bidi visibility |
| |word-spacing z-index |
| |zoom |
+----------------+--------------------------------------------------------------+
"colgroup" Event Handlers
+----------------+--------------------------------------------------------------+
| Event |onReadyStateChange |
+----------------+--------------------------------------------------------------+
"colgroup" Example
<html>
<head>
<title>colgroup element example</title>
</head>
<body>
<table width="500" border="8" cellspacing="5" cellpadding="5" align="center">
<colgroup span="2" style="color:blue;"></colgroup>
<colgroup style="color:red;"></colgroup>
<tr><td>col: 1, group: 1</td>
<td>col: 2, group: 1</td>
<td>col: 3, group: 2</td></tr>
<tr><td>col: 1, group: 1</td>
<td>col: 2, group: 1</td>
<td>col: 3, group: 2</td></tr>
<tr><td>col: 1, group: 1</td>
<td>col: 2, group: 1</td>
<td>col: 3, group: 2</td></tr>
</table>
</body>
</html>
"colgroup" HTML Attributes
+----------------+--------------------------------------------------------------+
| HTML |align bgcolor |
| Attributes |ch choff |
| |class dir |
| |id lang |
| |span style |
| |valign width |
+----------------+--------------------------------------------------------------+
"colgroup" JavaScript Collections
+----------------+--------------------------------------------------------------+
| JavaScript |all attributes |
| Collections |behaviorUrns childNodes |
| |children |
+----------------+--------------------------------------------------------------+
"colgroup" JavaScript Methods
+----------------+--------------------------------------------------------------+
| JavaScript |addBehavior appendChild |
| Methods |applyElement attachEvent |
| |clearAttributes cloneNode |
| |componentFromPoint contains |
| |detachEvent fireEvent |
| |getAdjacentText getAttribute |
| |getAttributeNode getBoundingClientRect |
| |getClientRects getElementsByTagName |
| |getExpression hasChildNodes |
| |insertAdjacentElement insertBefore |
| |mergeAttributes normalize |
| |removeAttribute removeAttributeNode |
| |removeBehavior removeChild |
| |removeExpression removeNode |
| |replaceAdjacentText replaceChild |
| |replaceNode scrollIntoView |
| |setAttribute setAttributeNode |
| |setExpression swapNode |
+----------------+--------------------------------------------------------------+
"colgroup" JavaScript Objects
+----------------+--------------------------------------------------------------+
| JavaScript |currentStyle runtimeStyle |
| Objects |style |
+----------------+--------------------------------------------------------------+
"colgroup" JavaScript Properties
+----------------+--------------------------------------------------------------+
| JavaScript |align canHaveChildren |
| Properties |canHaveHTML ch |
| |chOff className |
| |clientHeight clientLeft |
| |clientTop clientWidth |
| |cursor dir |
| |firstChild id |
| |innerHTML isContentEditable |
| |isDisabled isMultiLine |
| |isTextEdit lang |
| |lastChild nextSibling |
| |nodeName nodeType |
| |nodeValue offsetHeight |
| |offsetLeft offsetParent |
| |offsetTop offsetWidth |
| |outerHTML ownerDocument |
| |parentElement parentNode |
| |parentTextEdit previousSibling |
| |readyState scopeName |
| |scrollHeight scrollLeft |
| |scrollTop scrollWidth |
| |sourceIndex span |
| |tagName tagUrn |
| |title uniqueID |
| |vAlign width |
+----------------+--------------------------------------------------------------+
"colgroup" Microsoft Behaviors
+----------------+--------------------------------------------------------------+
| Microsoft |clientCaps download |
| Behaviors |homePage |
+----------------+--------------------------------------------------------------+
"colgroup" Syntax and Note
Note:
Group table columns and let them share properties and style settings.
Syntax:
<colgroup attributes events> . . . </colgroup>