HTML CSS Reference/CSS Attributes and Javascript Style Properties/border collapse

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

"border-collapse" Example

   <source lang="html4strict">
   

<html> <body>

column 1 column 2 column 3
cell 1 cell 2 cell 3
cell 1 cell 2 cell 3

<button onclick="myEle.style.borderCollapse="separate"">separate</button> <button onclick="myEle.style.borderCollapse="collapse"">collapse</button> </body> </html>


     </source>
   
  


"border-collapse" is applied to

   <source lang="html4strict">

+----------------+--------------------------------------------------------------+ | Applied_To |<a> <acronym> | | | |

| |
|

| |<body> <button> |

| |
|

| | | | |<custom>

| | |defaults | | | <dir> |

| |
|

| |

| | |<embed> <fieldset> | | | <form> | | |<frame> <hn> | | | <img> | | |<input type="button"> <input type="checkbox"> | | |<input type="file"> <inputtype="image"> | | |<input type="password"> <input type="radio"> | | |<input type="reset"> <input type="submit"> | | |<input type="text"> | | |<isindex> |

| |<label>
  • | | |<listing> <marquee> | | |<menu> <nobr> | | |<object>
      | | |

                               |
      |                |                             runtimeStyle                  |
      |                |                                                     |
      |                |                                                 |
      |                |                                              |
      |                |style                                                    |
      |                |                                                  |
      |                |
      <textarea> | | | | | |
        | | | <xmp> | +----------------+--------------------------------------------------------------+ </source>

        "border-collapse" Possible Values

        <source lang="html4strict"> Possible Values collapse no space between borders. separate the default; borders are rendered separately.


        </source>



        "border-collapse" Syntax and Note

        <source lang="html4strict"> Note: Whether or not the table elements (cells, rows, and columns) borders are rendered in space. Syntax:

        element { border-collapse: value } elementID.style.borderCollapse = "value" document.all.elementID.style.borderCollapse = "value" // IE only


        </source>