overflow-***: ***;
| Browser |
|
|---|---|
| Type |
|
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 |
- controls the horizontal or vertical overflow
(Other values can be seen)
- 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 page
