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

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

"overflow-x" Example

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



"overflow-x" 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-x" Possible Values

Possible Values
visible       The default; show the entire content
scroll        Clip excess content and add scroll bars 
hidden        Clip excess content and not show the scroll bars
auto          Clip excess content and add scroll bars are when necessary



"overflow-x" Syntax and Note

Note:
It is applicable to positioned elements only.
It defines how to treat content that exceeds the width.
Syntax:
    
element { overflow-x: value }
elementID.style.overflowX = "value"
document.all.elementID.style.overflowX = "value"