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

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

"visibility" Example

    
<html>
<body>
<p>
<img id="myImg" src="http://www.wbex.ru/style/logo.png">
</p>
<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>



"visibility" is applied to

+----------------+--------------------------------------------------------------+
| Applied_To     |<a>                             <address>                     |
|                |<applet>                        <b>                           |
|                |<big>                           <blockquote>                  |
|                |<body>                          <button>                      |
|                |<caption>                       <center>                      |
|                |<cite>                          <code>                        |
|                |<col>                           <colgroup>                    |
|                |currentStyle                    <custom>                      |
|                |<dd>                            defaults                      |
|                |<dfn>                           <dir>                         |
|                |<div>                           <dl>                          |
|                |<dt>                            <em>                          |
|                |<embed>                         <fieldset>                    |
|                |<form>                          <hn>                          |
|                |<hr>                            <html>                        |
|                |<i>                             <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>                       <kbd>                         |
|                |<label>                         <legend>                      |
|                |<li>                            <listing>                     |
|                |<marquee>                       <menu>                        |
|                |<nobr>                          <object>                      |
|                |<ol>                            <p>                           |
|                |<pre>                           runtimeStyle                  |
|                |<s>                             <samp>                        |
|                |<select>                        <small>                       |
|                |<span>                          <strike>                      |
|                |<strong>                        style                         |
|                |<sub>                           <sup>                         |
|                |<table>                         <tbody>                       |
|                |<td>                            <textarea>                    |
|                |<tfoot>                         <th>                          |
|                |<thead>                         <tr>                          |
|                |<tt>                            <u>                           |
|                |<ul>                            <var>                         |
|                |<xmp>                                                         |
+----------------+--------------------------------------------------------------+



"visibility" Possible Values

Possible Values
inherit       The default
visible       hidden Transparent, but still affects the layout
collapse      Same as hidden, but hides the entire row or column,



"visibility" Syntax and Note

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