Single-value 'overflow' property

Overflow: inherit

Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

Overflow: initial

Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

Overflow: auto

Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

Overflow: clip

Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

Overflow: hidden

Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

Overflow: scroll

Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

Overflow: visible

Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

Two-value 'overflow' property

Overflow: auto hidden

Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

Overflow: hidden auto

Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

Overflow: scroll clip

Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

Overflow: clip scroll

Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

Overflow: visible hidden

Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

Separate 'overflow-x' / 'overflow-y' property

overflow-x: auto, overflow-y: hidden

Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

overflow-x: hidden, overflow-y: auto

Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

overflow-x: scroll, overflow-y: clip

Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

overflow-y: scroll

Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

overflow-x: visible

Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text