HTML CSS Reference/CSS Attributes and Javascript Style Properties/overflow y

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

"overflow-y" Example

    
<html>
<body>
<div style="overflow-y:auto;
            background-color:#EEEEEE; 
            width:200; 
            height:50">
overflow-y property value of auto.
</div>
<div style="overflow-y:scroll;
            background-color:#CCCCCC; 
            width:200; 
            height:50">
overflow-y property value of scroll.
</div>
</body>
</html>



"overflow-y" is applied to

+----------------+--------------------------------------------------------------+
| Applied_To     |<a>                             <acronym>                     |
|                |<address>                       <applet>                      |
|                |<b>                             <bdo>                         |
|                |<big>                           <blockquote>                  |
|                |<body>                          <center>                      |
|                |<cite>                          <code>                        |
|                |currentStyle                    <custom>                      |
|                |<dd>                            defaults                      |
|                |<del>                           <dfn>                         |
|                |<dir>                           <div>                         |
|                |<dl>                            <dt>                          |
|                |<em>                            <embed>                       |
|                |<fieldset>                      <font>                        |
|                |<form>                          <hn>                          |
|                |<html>                          <i>                           |
|                |<iframe>                        <input type="button">         |
|                |<input type="checkbox">         <input type="file">           |
|                |<input type="image">            <input type="password">       |
|                |<input type="radio">            <inputtype="reset">           |
|                |<input type="submit">           <input type="text">           |
|                |<ins>                           <kbd>                         |
|                |<label>                         <legend>                      |
|                |<li>                            <listing>                     |
|                |<menu>                          <ol>                          |
|                |<p>                             <pre>                         |
|                |<q>                             <rt>                          |
|                |<ruby>                          runtimeStyle                  |
|                |<s>                             <samp>                        |
|                |<small>                         <span>                        |
|                |<strike>                        <strong>                      |
|                |style                           <sub>                         |
|                |<sup>                           <textarea>                    |
|                |<tt>                            <u>                           |
|                |<ul>                            <var>                         |
|                |<xmp>                                                         |
+----------------+--------------------------------------------------------------+



"overflow-y" Possible Values

Possible Values
visible       The default; show the entire content 
scroll        Excess content is clipped and add the scroll bars 
hidden        Excess content is clipped and not shown
auto          Excess content is clipped and scroll bars are added when necessary



"overflow-y" Syntax and Note

Note:
Applied to positioned elements only.
Control content that exceeds the its container"s height.
Syntax:
    
element { overflow-y: value }
elementID.style.overflowY = "value"
document.all.elementID.style.overflowY = "value"