Overflow

Overflow classes to change an elements overflow properties

Class reference

Class

Output

.o-auto

overflow: auto;

.ox-auto

overflow-x: auto;

.oy-auto

overflow-y: auto;

.o-scroll

overflow: scroll;

.ox-scroll

overflow-x: scroll;

.oy-scroll

overflow-y: scroll;

.o-hidden

overflow: hidden;

.ox-hidden

overflow-x: hidden;

.oy-hidden

overflow-y: hidden;

.o-visible

overflow: visible;

Auto

.o-auto adds scrollbars when required and extends the content in all directions.

Mi mauris venenatis penatibus sem pulvinar volutpat tellus suscipit elementum euismod, pharetra per faucibus scelerisque justo senectus cursus id laoreet viverra maximus, blandit molestie sed purus curae dapibus sociosqu lorem ligula.

<div class="o-auto">...</div>

Scroll

.o-scroll adds scrollbars even if scrolling is not required.

<div class="o-scroll">...</div>

Hidden

.o-hidden cuts off children elements, which exceed its bounds.

<div class="o-hidden">...</div>

Visible

.o-visible allows children exceeding its bounds to be visible.

<div class="o-visible">...</div>

←Back to: Opacity

See next: Position→

Menu1

Menu2

Menu3

Menu4