HTML CSS Reference/HTML Tag Reference/table

Материал из Web эксперт
Перейти к: навигация, поиск

"table" CSS Attributes and JavaScript Style Properties

Names noted with an asterisk (*) are JavaScript properties only.
+----------------+--------------------------------------------------------------+
| CSS            |!important                      accelerator                   |
| Attributes     |background                      background-attachment         |
| and            |background-color                background-image              |
| JavaScript     |background-position             background-position-x         |
| Style          |background-positiony            background-repeat             |
| Properties     |behavior                        border                        |
|                |border-bottom                   border-bottom-color           |
|                |border-bottom-style             border-bottom-width           |
|                |border-collapse                 border-color                  |
|                |border-left                     border-left-color             |
|                |border-left-style               border-left-width             |
|                |border-right                    border-right-color            |
|                |border-right-style              border-right-width            |
|                |border-style                    border-top                    |
|                |border-top-color                border-top-style              |
|                |border-top-width                border-width                  |
|                |bottom                          clear                         |
|                |clip                            color                         |
|                |cursor                          direction                     |
|                |display                         filter                        |
|                |float                           font                          |
|                |font-family                     font-size                     |
|                |font-style                      font-variant                  |
|                |font-weight                     hasLayout(*)                  |
|                |height                          layout-grid                   |
|                |layout-grid-char                layout-grid-line              |
|                |layout-grid-mode                layout-grid-type              |
|                |left                            letter-spacing                |
|                |line-break                      line-height                   |
|                |margin                          margin-bottom                 |
|                |margin-left                     margin-right                  |
|                |margin-top                      padding                       |
|                |page-break-after                page-break-before             |
|                |pixelBottom(*)                  pixelHeight(*)                |
|                |pixelLeft(*)                    pixelRight(*)                 |
|                |pixelTop(*)                     pixelWidth(*)                 |
|                |posBottom(*)                    posHeight(*)                  |
|                |position                        posLeft(*)                    |
|                |posRight(*)                     posTop(*)                     |
|                |posWidth(*)                     right                         |
|                |styleFloat(*)                   table-layout                  |
|                |text-align                      text-autospace                |
|                |text-decoration                 text-indent                   |
|                |text-justify                    text-transform                |
|                |text-underline-position         textDecorationBlink(*)        |
|                |textDecorationLineThrough(*)    textDecorationNone(*)         |
|                |textDecorationOverline(*)       textDecorationUnderline(*)    |
|                |top                             unicode-bidi                  |
|                |visibility                      word-break                    |
|                |word-spacing                    z-index                       |
|                |zoom                                                          |
+----------------+--------------------------------------------------------------+



"table" Event Handlers

+----------------+--------------------------------------------------------------+
| Event          |onActivate                      onAfterUpdate                 |
| Handlers       |onBeforeActivate                onBeforeCut                   |
|                |onBeforeDeactivate              onBeforeEditFocus             |
|                |onBeforePaste                   onBeforeUpdate                |
|                |onBlur                          onClick                       |
|                |onContextMenu                   onControlSelect               |
|                |onCut                           onDblClick                    |
|                |onDeactivate                    onDrag                        |
|                |onDragEnd                       onDragEnter                   |
|                |onDragLeave                     onDragOver                    |
|                |onDragStart                     onDrop                        |
|                |onFilterChange                  onFocus                       |
|                |onFocusIn                       onFocusOut                    |
|                |onHelp                          onKeyDown                     |
|                |onKeyPress                      onKeyUp                       |
|                |onLoseCapture                   onMouseDown                   |
|                |onMouseEnter                    onMouseLeave                  |
|                |onMouseMove                     onMouseOut                    |
|                |onMouseOver                     onMouseUp                     |
|                |onMouseWheel                    onMove                        |
|                |onMoveEnd                       onMoveStart                   |
|                |onPaste                         onPropertyChange              |
|                |onReadyStateChange              onResize                      |
|                |onResizeEnd                     onResizeStart                 |
|                |onScroll                        onSelectStart                 |
|                |onTimeError                                                   |
+----------------+--------------------------------------------------------------+



"table" Example

    
<html>
<head>
<title>col element example</title>
</head>
<body>
   <table width="500" border="8" cellspacing="5" cellpadding="5" align="center">
      <col style="color:maroon">
      <col style="color:red">
      <tr>
         <td>col 1: maroon</td>
         <td>col 2: red</td>
      </tr>   
      <tr>
         <td>col 1: maroon</td>
         <td>col 2: red</td>
      </tr>
   </table>
</body>
</html>



"table" HTML Attributes

+----------------+--------------------------------------------------------------+
| HTML           |accesskey                       align                         |
| Attributes     |background                      begin                         |
|                |bgcolor                         border                        |
|                |bordercolor                     bordercolordark               |
|                |bordercolorlight                cellpadding                   |
|                |cellspacing                     class                         |
|                |cols                            datapagesize                  |
|                |datasrc                         dir                           |
|                |end                             frame                         |
|                |height                          hidefocus                     |
|                |id                              lang                          |
|                |language                        rules                         |
|                |style                           summary                       |
|                |syncmaster                      systemBitrate                 |
|                |systemCaptions                  systemLanguage                |
|                |systemOverdubOrSubtitle         tabindex                      |
|                |timecontainer                   title                         |
|                |unselectable                    width                         |
+----------------+--------------------------------------------------------------+



"table" JavaScript Collections

+----------------+--------------------------------------------------------------+
| JavaScript     |all                             attributes                    |
| Collections    |behaviorUrns                    cells                         |
|                |childNodes                      children                      |
|                |filters                         rows                          |
|                |tBodies                                                       |
+----------------+--------------------------------------------------------------+



"table" JavaScript Methods

+----------------+--------------------------------------------------------------+
| JavaScript     |addBehavior                     appendChild                   |
| Methods        |applyElement                    attachEvent                   |
|                |blur                            clearAttributes               |
|                |click                           cloneNode                     |
|                |componentFromPoint              contains                      |
|                |createCaption                   createTFoot                   |
|                |createTHead                     deleteCaption                 |
|                |deleteRow                       deleteTFoot                   |
|                |deleteTHead                     detachEvent                   |
|                |dragDrop                        fireEvent                     |
|                |firstPage                       focus                         |
|                |getAdjacentText                 getAttribute                  |
|                |getAttributeNode                getBoundingClientRect         |
|                |getClientRects                  getElementsByTagName          |
|                |getExpression                   hasChildNodes                 |
|                |insertAdjacentElement           insertBefore                  |
|                |insertRow                       lastPage                      |
|                |mergeAttributes                 moveRow                       |
|                |nextPage                        normalize                     |
|                |previousPage                    refresh                       |
|                |releaseCapture                  removeAttribute               |
|                |removeAttributeNode             removeBehavior                |
|                |removeChild                     removeExpression              |
|                |removeNode                      replaceAdjacentText           |
|                |replaceChild                    replaceNode                   |
|                |scrollIntoView                  setActive                     |
|                |setAttribute                    setAttributeNode              |
|                |setCapture                      setExpression                 |
|                |swapNode                                                      |
+----------------+--------------------------------------------------------------+



"table" JavaScript Objects

+----------------+--------------------------------------------------------------+
| JavaScript     |currentStyle                    runtimeStyle                  |
| Objects        |style                                                         |
+----------------+--------------------------------------------------------------+



"table" JavaScript Properties

+----------------+--------------------------------------------------------------+
| JavaScript     |accessKey                       align                         |
| Properties     |background                      bgColor                       |
|                |border                          borderColor                   |
|                |borderColorDark                 borderColorLight              |
|                |canHaveChildren                 canHaveHTML                   |
|                |caption                         cellPadding                   |
|                |cellSpacing                     className                     |
|                |clientHeight                    clientLeft                    |
|                |clientTop                       clientWidth                   |
|                |cols                            cursor                        |
|                |dataPageSize                    datasrc                       |
|                |dir                             disabled                      |
|                |end                             firstChild                    |
|                |frame                           hasLayout                     |
|                |height                          hideFocus                     |
|                |id                              innerHTML                     |
|                |innerText                       isContentEditable             |
|                |isDisabled                      isMultiLine                   |
|                |isTextEdit                      lang                          |
|                |language                        lastChild                     |
|                |nextSibling                     nodeName                      |
|                |nodeType                        nodeValue                     |
|                |offsetHeight                    offsetLeft                    |
|                |offsetParent                    offsetTop                     |
|                |offsetWidth                     outerHTML                     |
|                |outerText                       ownerDocument                 |
|                |parentElement                   parentNode                    |
|                |parentTextEdit                  previousSibling               |
|                |readyState                      rules                         |
|                |scopeName                       scrollHeight                  |
|                |scrollLeft                      scrollTop                     |
|                |scrollWidth                     sourceIndex                   |
|                |summary                         tabIndex                      |
|                |tagName                         tagUrn                        |
|                |tFoot                           tHead                         |
|                |title                           uniqueID                      |
|                |width                                                         |
+----------------+--------------------------------------------------------------+



"table" Microsoft Behaviors

+----------------+--------------------------------------------------------------+
| Microsoft      |clientCaps                      download                      |
| Behaviors      |homePage                        httpFolder                    |
|                |saveFavorite                    saveHistory                   |
|                |saveSnapshot                    time                          |
|                |time2                           userData                      |
+----------------+--------------------------------------------------------------+



"table" Microsoft Filters

+----------------+--------------------------------------------------------------+
| Microsoft      |Alpha                           Barn                          |
| Filters        |BasicImage                      BlendTrans                    |
|                |Blinds                          Blur                          |
|                |CheckerBoard                    Chroma                        |
|                |Compositor                      DropShadow                    |
|                |Emboss                          Engrave                       |
|                |Fade                            FlipH                         |
|                |FlipV                           Glow                          |
|                |GradientWipe                    Gray                          |
|                |ICMFilter                       Inset                         |
|                |Invert                          Iris                          |
|                |Light                           MaskFilter                    |
|                |Matrix                          MotionBlur                    |
|                |Pixelate                        RadialWipe                    |
|                |RandomBars                      RandomDissolve                |
|                |RevealTrans                     Shadow                        |
|                |Slide                           Spiral                        |
|                |Stretch                         Strips                        |
|                |Wave                            Wheel                         |
|                |Xray                            Zigzag                        |
+----------------+--------------------------------------------------------------+



"table" Syntax and Note

Note:
This element creates a table that can contain rows and columns. 
<tr> element creates rows in the table.
<td> element creates the cells in each row.
    
Syntax:
    
<table attributes events> . . . </table>