CSS overflow-y property

Property values

visibleDefault

The content overflows vertically out of the boundaries of the box and is also visibile.

overflow-y: visible;

Try it { }

hidden

In this case, the content that overflows vertically out of the box becomes invisible.

overflow-y: hidden;

Try it { }

scroll

It provides vertical scrollbar no matter whether the content overflows or not.

overflow-y: scroll;

Try it { }

auto

It is same as 'scroll' but it provides vertical scrollbar only when the content overflows out of the box.

overflow-y: auto;

Try it { }