mozilla

Compare Revisions

overflow-y

Change Revisions

Revision 506257:

Revision 506257 by teoli on

Revision 506259:

Revision 506259 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 506257
Revision 506259
nn70  <li><code>overflow-y:hidden;</code>: hides th
 >e text outside the box
71  <div id="div4">
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:scroll;</code>: add a sc
 >rollbar if needed
77  <div id="div2">
78    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.
79    </div>
80  </li>
81 
82  <li><code>overflow-y:visible;</code>: display
 >s the text outside the box if needed
83  <div id="div3">
84    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.
85    </div>
86  </li>
87 
nn93</ul>
n76  <li><code>overflow-y:scroll;</code>: add a scn
>rollbar if needed 
77  <div id="div2">
78    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. 
79    </div>
80  </li>
81 
82  <li><code>overflow-y:visible;</code>: display
>s the text outside the box if needed 
83  <div id="div3">
84    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. 
85    </div>
86  </li>
87 
88  <li><code>overflow-y:hidden;</code>: hides th
>e text outside the box 
89  <div id="div4">
90    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. 
91    </div>
92  </li>
n108#div1 { overflow-y: auto; margin-bottom: 120px;}n110#div1 { overflow-y: hidden; margin-bottom: 12px;}
t110#div3 { overflow-y: visible; margin-bottom: 12px;}t112#div3 { overflow-y: visible; margin-bottom: 120px;}
111#div4 { overflow-y: hidden; margin-bottom: 120px;}113#div4 { overflow-y: auto; margin-bottom: 120px;}

Back to History