HTML CSS Reference/CSS Attributes and Javascript Style Properties/visibility

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

"visibility" Example

   <source lang="html4strict">
   

<html> <body>

<img id="myImg" src="http://www.wbex.ru/style/logo.png">

<input type="button"

      value="Set visibility property to hidden"
      onclick="myImg.style.visibility="hidden"">
      

<input type="button"

      value="Set visibility property to visible"
      onclick="myImg.style.visibility="visible"">

</body> </html>


     </source>
   
  


"visibility" is applied to

   <source lang="html4strict">

+----------------+--------------------------------------------------------------+ | Applied_To |<a> <address> | | |<applet> |

| |
|

| |<body> <button> |

| |
|

| | | | |<col> <colgroup> | | |currentStyle <custom> | | |

defaults | | | <dir> |

| |
|

| |

| | |<embed> <fieldset> | | |<form> <hn> |

| |
<html> |

| | <iframe> | | |<img> <input type="button"> | | |<input type="checkbox"> <input type="file"> | | |<input type="image"> <input type="password"> | | |<inputtype="radio"> <input type="reset"> | | |<input type="submit"> <input type="text"> | | |<isindex> | | |<label> <legend> |

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

      | | |

                                 runtimeStyle                  |
      |                |                                                     |
      |                |<select>                                               |
      |                |                                                |
      |                |                        style                         |
      |                |                                                    |
      |                |                         <tbody>                       |
      |                |                          |
      |                |                                                       |
      |                |
        | | |<xmp> | +----------------+--------------------------------------------------------------+ </source>

        "visibility" Possible Values

        <source lang="html4strict"> Possible Values inherit The default visible hidden Transparent, but still affects the layout collapse Same as hidden, but hides the entire row or column,


        </source>



        "visibility" Syntax and Note

        <source lang="html4strict"> Note: Controls visibility. Syntax:

        element { visibility: value } elementID.style.visibility = "value" document.all.elementID.style.visibility = "value" // IE only


        </source>

      <textarea> | | |<tfoot> | | |<thead>