<!DOCTYPE html>
<
html
>
<
head
>
<
title
>CSS | scrollbar-width</
title
>
<
style
>
.scrollbar-thin {
scrollbar-width: thin;
background-color: lightgreen;
height: 150px;
width: 200px;
overflow-y: scroll;
margin: 10px;
}
.scrollbar-inherit {
scrollbar-width: inherit;
background-color: green;
height: 50px;
width: 150px;
overflow-y: scroll;
}
</
style
>
</
head
>
<
body
>
<
h1
style
=
"color: green"
>
GeeksforGeeks
</
h1
>
<
b
>CSS | scrollbar-width</
b
>
<
p
>scrollbar-width: inherit</
p
>
<
div
class
=
"scrollbar-thin"
>
<
div
class
=
"scrollbar-inherit"
>
This text is inside a parent element.
This div has an inherited scrollbar.
</
div
>
GeeksforGeeks is a computer science
portal with a huge variety of well
written and explained computer science
and programming articles, quizzes and
interview questions. The portal also
has dedicated GATE preparation and
competitive programming sections.
</
div
>
</
body
>
</
html
>