उदाहरण
overflow प्रॉपर्टी से दोनों दिशाओं में ओवरफ्लो हैंडल करें।
<!DOCTYPE html>
<html>
<head>
<style>
#box {
width: 450px;
height: 150px;
background-color: orange;
border: 3px solid red;
margin-left: 20px;
}
</style>
</head>
<body>
<p>ओवरफ्लो प्रॉपर्टी उपयोग करके स्क्रॉल सेट करने के लिए क्लिक करें।</p>
<button type="button" onclick="display()">स्क्रॉल सेट करें</button>
<div id="box">
<p>यह एक डिव है। यह एक डिव है। यह एक डिव है। यह एक डिव है। यह एक डिव है।</p>
<p>यह एक डिव है। यह एक डिव है। यह एक डिव है। यह एक डिव है। यह एक डिव है।</p>
<p>यह एक डिव है। यह एक डिव है। यह एक डिव है। यह एक डिव है। यह एक डिव है।</p>
<p>यह एक डिव है। यह एक डिव है। यह एक डिव है। यह एक डिव है। यह एक डिव है।</p>
<p>यह एक डिव है। यह एक डिव है। यह एक डिव है। यह एक डिव है। यह एक डिव है।</p>
<p>यह एक डिव है। यह एक डिव है। यह एक डिव है। यह एक डिव है। यह एक डिव है।</p>
</div>
<br><br>
<script>
function display() {
document.getElementById("box").style.overflow = "scroll";
}
</script>
</body>
</html>
मान: visible, hidden, scroll, auto, clip (नया)। overflow-x और overflow-y से अलग-अलग नियंत्रण।
