overflow

JavaScript syntax:

overflow

Values:

visible | hidden | scroll | auto | inherit

Initial value:

visible

Applies to:

Block-level and replaced elements.

Inherited:

No.

Description:

overflow defines what to do during overflow.

Examples:

 
<script language="JavaScript">
  function fn1() {
    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="fn1();">

Home
HTML CSS Book
CSS Reference

Property: