mozilla

Compare Revisions

overflow-y

Change Revisions

Revision 506255:

Revision 506255 by teoli on

Revision 506257:

Revision 506257 by teoli on

Title:
overflow-y
overflow-y
Slug:
Web/CSS/overflow-y
Web/CSS/overflow-y
Tags:
"CSS", "Reference", "Référence", "Web", "CSS Property", "Layout"
"CSS", "Reference", "Référence", "Web", "CSS Property", "Layout"
Content:

Revision 506255
Revision 506257
nn70  <li><code>overflow-y:auto</code>: on most bro
 >wser, equivalent to <code>scroll</scroll>
71  <div id="div1">
72    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
 > do eiusmod tempor incididunt ut labore et dolore magna aliqua. U
 >t enim ad minim veniam, quis nostrud exercitation ullamco laboris
 > nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor i
 >n reprehenderit in voluptate velit esse cillum dolore eu fugiat n
 >ulla pariatur.
73    </div>
74  </li>
75  
n71  <div id="div1">n
72    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
> do eiusmod tempor incididunt ut labore et dolore magna aliqua. U 
>t enim ad minim veniam, quis nostrud exercitation ullamco laboris 
> nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor i 
>n reprehenderit in voluptate velit esse cillum dolore eu fugiat n 
>ulla pariatur. 
73    </div>
74  </li>
75 
76  <li><code>overflow-y:hidden;</code>: hides th
>e text outside the box 
n88  <li><code>overflow-y:auto</code>: on most bron88  <li><code>overflow-y:hidden;</code>: hides th
>wser, equivalent to <code>scroll</scroll>>e text outside the box
n93</ul>n
nn108#div1 { overflow-y: auto; margin-bottom: 120px;}
109#div1 { overflow-y: scroll; margin-bottom: 12px;}109#div2 { overflow-y: scroll; margin-bottom: 12px;}
110#div2 { overflow-y: hidden; margin-bottom: 12px;}
111#div3 { overflow-y: visible; margin-bottom: 120px;}110#div3 { overflow-y: visible; margin-bottom: 12px;}
112#div4 { overflow-y: auto; margin-bottom: 120px;}111#div4 { overflow-y: hidden; margin-bottom: 120px;}
t118      {{EmbedLiveSample("Example", "100%", "800")}}t117      {{EmbedLiveSample("Example", "100%", "700")}}

Back to History