Overflow


displayn/a positionn/a z-indexn/a font-size scalingn/a breakpointsno

Class list

  • .o-scroll
  • .o-auto
  • .o-hidden
  • .ox-scroll
  • .ox-auto
  • .ox-hidden
  • .oy-scroll
  • .oy-auto
  • .oy-hidden

Description

Above, o stands for overflow, x stands for the x axis, and y stands for the y axis.

Use the overflow utility classes on a parent element to determine what should happen when child content exceeds the set size of the parent.