Use the overflow property to hide overflowing content: - Javascript CSS Style Property

Javascript examples for CSS Style Property:overflow

  1. HOME
  2. Javascript
  3. CSS Style Property
  4. overflow

Description

Use the overflow property to hide overflowing content:

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<head>
<style>
div {/*from  w  w w.  jav a2  s  . com*/
    border: 1px solid red;
    width: 100px;
    height: 100px;
}
</style>
</head>
<body>

<div id="myDiv">
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
</div>
<br>

<button type="button" onclick="myFunction()">Hide overflow</button>

<script>
function myFunction() {
    document.getElementById("myDiv").style.overflow = "hidden";
}
</script>

</body>
</html>

Related Tutorials