mozilla

Compare Revisions

overflow-y

Change Revisions

Revision 24308:

Revision 24308 by Jürgen Jeka on

Revision 24309:

Revision 24309 by teoli on

Title:
overflow-y
overflow-y
Slug:
CSS/Overflow-y
CSS/Overflow-y
Content:

Revision 24308
Revision 24309
nn4 
5    <style type="text/css">
6![CDATA[.cssprop {
7    display:table;
8    padding: 0.4em;
9    border-left:0.15em solid;
10    background-color:#eeeeff
11    }
12    .cssprop li {
13    display:table-row;
14    padding: 3px;
15    margin:0;
16    }
17    .cssprop li dfn {
18    display:table-cell;
19    padding: 0 5px;
20    border-bottom: none;
21    cursor:inherit;
22    }
23 
24    ]]>
25    </style>
t8      See {{ Cssxref("overflow-x") }}, {{ Cssxref("overflow") }}t30      {{ CSSRef() }}
31    </p>
32    <h2 name="Summary">
33      Summary
34    </h2>
35    <p>
36      The <code>overflow-y</code> <a href="/en/CSS" title="CSS">C
 >SS</a> property specifies whether to clip content, render a scrol
 >l bar or display overflow content of a block-level element, when 
 >it overflows at the top and bottom edges.
37    </p>
38    <ul class="cssprop">
39      <li>
40        <nobr><dfn>{{ Xref_cssinitial() }}:</dfn> {{ Cssxref("vis
 >ible") }}</nobr>
41      </li>
42      <li>
43        <nobr><dfn>Applies to:</dfn> (non-replaced) block and inl
 >ine-block elements</nobr>
44      </li>
45      <li>
46        <nobr><dfn>{{ Xref_cssinherited() }}:</dfn> no</nobr>
47      </li>
48      <li>
49        <nobr><dfn>Media:</dfn> {{ Xref_cssvisual() }}</nobr>
50      </li>
51      <li>
52        <nobr><dfn>{{ Xref_csscomputed() }}:</dfn> as specified, 
 >except ‘visible’</nobr>
53      </li>
54    </ul>
55    <h2 name="Syntax">
56      Syntax
57    </h2>
58    <pre class="eval">
59overflow-y:  visible | hidden | scroll | auto
60</pre>
61    <h3 name="Values">
62      Values
63    </h3>
64    <dl>
65      <dt>
66        visible
67      </dt>
68      <dd>
69        Content is not clipped, it may be rendered outside the co
 >ntent box.
70      </dd>
71      <dt>
72        hidden
73      </dt>
74      <dd>
75        The content is clipped and no scrollbars are provided.
76      </dd>
77      <dt>
78        scroll
79      </dt>
80      <dd>
81        The content is clipped and desktop browsers use scrollbar
 >s, whether or not any content is clipped. This avoids any problem
 > with scrollbars appearing and disappearing in a dynamic environm
 >ent. Printers may print overflowing content.
82      </dd>
83      <dt>
84        auto
85      </dt>
86      <dd>
87        Depends on the user agent. Desktop browsers like Firefox 
 >provide scrollbars if content overflows.
88      </dd>
89    </dl>
90    <h2 name="Examples">
91      Examples
92    </h2>
93    <p>
94      {{ CSSRefExampleLink("PROPERTYNAME") }} {{ Fixeg() }}
95    </p>
96    <pre class="eval">
97[fixme]
98</pre>
99    <h2 name="Specifications">
100      Specifications
101    </h2>
102    <ul>
103      <li>
104        <a class="external" href="http://www.w3.org/TR/css3-box/#
 >overflow" title="http://www.w3.org/TR/css3-box/#overflow">CSS3 Bo
 >x Model #overflow</a>
105      </li>
106    </ul>
107    <h2 name="Browser_compatibility">
108      Browser compatibility
109    </h2>
110    <table class="standard-table">
111      <tbody>
112        <tr>
113          <th>
114            Browser
115          </th>
116          <th>
117            Lowest Version
118          </th>
119        </tr>
120        <tr>
121          <td>
122            Internet Explorer
123          </td>
124          <td>
125            <strong>5.0</strong> (*)
126          </td>
127        </tr>
128        <tr>
129          <td>
130            Firefox
131          </td>
132          <td>
133            <strong>1.5</strong>
134          </td>
135        </tr>
136        <tr>
137          <td>
138            Opera
139          </td>
140          <td>
141            <strong>9.5</strong>
142          </td>
143        </tr>
144        <tr>
145          <td>
146            Safari
147          </td>
148          <td>
149            <strong>3.0</strong>
150          </td>
151        </tr>
152      </tbody>
153    </table>
154    <p>
155      (*) IE8 introduced <code>-ms-overflow-&lt;</code> as a&nbsp
 >; synonym for <code>overflow-x</code>. Don't use the <code>-ms-</
 >code> prefix.
156    </p>
157    <h2 name="See_also">
158      See also
159    </h2>
160    <ul>
161      <li>Related CSS properties: {{ cssxref("text-overflow") }},
 > {{ cssxref("white-space") }}, {{ Cssxref("overflow") }}, {{ Cssx
 >ref("overflow-y") }}, {{ Cssxref("clip") }}, {{ Cssxref("display"
 >) }}
162      </li>
163    </ul>
164    <p>
165      &nbsp;
166    </p>
167    <p>
168      {{ languages( { "pl": "pl/Dokumentacja_CSS/W\u0142asno\u015
 >bci_szablonu", "ko": "ko/CSS_Reference/Property_Template" } ) }}

Back to History