HTML CSS Reference/CSS Attributes and Javascript Style Properties/visibility — различия между версиями

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

Текущая версия на 08:19, 26 мая 2010

"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