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.
<html>
<head>
<title>TAG index</title>
<style type="text/css">
body {
overflow-y: hidden;
}
</style>
</head>
<body>
</body>
</html>