MonorailCss

Overflow X

Utilities for controlling how an element handles content that is too large for the container.

Class CSS Output
overflow-x-clip 
overflow-x: clip;
}
overflow-y-hidden 
overflow-y: hidden;
}
overflow-x-scroll 
overflow-x: scroll;
}
overflow-scroll 
overflow: scroll;
}
overflow-y-auto 
overflow-y: auto;
}
overflow-visible 
overflow: visible;
}
overflow-x-auto 
overflow-x: auto;
}
overflow-x-visible 
overflow-x: visible;
}
overflow-y-clip 
overflow-y: clip;
}
overflow-y-scroll 
overflow-y: scroll;
}

overflow-x-clip

overflow-x: clip;

overflow-y-hidden

overflow-y: hidden;

overflow-x-scroll

overflow-x: scroll;

overflow-scroll

overflow: scroll;

overflow-y-auto

overflow-y: auto;

overflow-visible

overflow: visible;

overflow-x-auto

overflow-x: auto;

overflow-x-visible

overflow-x: visible;

overflow-y-clip

overflow-y: clip;

overflow-y-scroll

overflow-y: scroll;

Reference

overflow MDN ↗
overflow-x MDN ↗
overflow-y MDN ↗

CSS Properties

  • overflow
  • overflow-x
  • overflow-y