'overflow' Example : overflow « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. overflow

'overflow' Example

  
    
<html>
<script language="JavaScript">
function function1(){
    if(myBody.style.overflow=="auto"){
       myBody.style.overflow="scroll";
       myButton.value="Set overflow to hidden.";
       results.innerText="overflow is set to scroll.";
       return false;
    }
    if (myBody.style.overflow=="scroll"){
       myBody.style.overflow="hidden";
       myButton.value="Set overflow to auto";
       results.innerText="overflow is set to hidden.";
       return false;
    }
    if(myBody.style.overflow=="hidden"){
       myBody.style.overflow="auto";
       myButton.value="Set overflow to scroll";
       results.innerText="overflow is set to auto.";
       return false;
    } 
} 
</script>
<body id="myBody" bottommargin="150" style="overflow:auto">
<div id="results" style="color:red">overflow is set to auto.</div>
<br>
<input id=myButton type=button value="Set overflow to scroll" onclick="function1();">
</body>
</html>








Related examples in the same category

1.overflow: auto
2.overflow: hidden
3.overflow: scroll
4.You can set overflow to one of four constant values: visible, hidden, scroll, or auto.
5.The default value is visible, which allows overflowing content to be rendered outside the containing block.
6.hidden hides the overflowing content and does not provide scrollbars, which prevents a user from scrolling overflowed content into view.
7.scroll clips the overflowing content and provides scrollbars
8.auto works like scroll except that it shows scrollbars only as needed
9.visibility:hidden hides an element without affecting the other elements' inline flow.
10.display:none does not render an element by completely removing it from all flows
11.overflow:scroll
12.overflow:auto; white-space: nowrap
13.The overflow property
14.Overflow value
15.overflow determines what happens when an element's content is larger than its inner box. The default is to show the overflowing content.
16.Overflow auto
17.H2 with overflow hidden
18.overflow auto, white space, nowrap
19.Overflow auto method demonstrated