overflow-***: ***;

Browser
  • IE
Type
  • Extension

The overflow-*** property controls what happens to the horizontal or vertical overflow.
(*** = x or y)

  • overflow-x : The horizontal overflow.
  • overflow-y : The vertical overflow.

Applying this property to the BODY (or HTML) applies the specified style to an entire page.

When the "hidden" value is specified for these properties, the scrollbar is not displayed.


body {
overflow-x: hidden;
overflow-y: hidden;
}

Property Value Explanation
overflow-x hidden the horizontal scrollbar is not displayed
overflow-y hidden the vertical scrollbar is not displayed
The element to which the style should be applied
  • Standards mode : Apply this style to the HTML element.
  • Quirks mode : Apply this style to the BODY element.

Example


<html>
<head>
<title>TAG index</title>

<style type="text/css">

body {
overflow-y: hidden;
}

</style>

</head>
<body>



</body>
</html>

Output
Example pagenew window