# Overflow

**Path:** CSS Framework/Utilities

[Back to Documentation Index](http://rubicblazor.skyconis.com/docs.md)

---

Overflow

 Adjust the overflow property on the fly with four default values and classes. These classes are not responsive.

 Overflow

 This is an example of using .overflow-auto on an element with set width and height dimensions. By design, this content will vertically scroll.

 This is an example of using .overflow-hidden on an element with set width and height dimensions.

 This is an example of using .overflow-scroll on an element with set width and height dimensions.

 This is an example of using .overflow-visible on an element with set width and height dimensions.

 Overflow X
 .overflow-x-auto example on an element

 with set width and height dimensions.

 .overflow-x-hidden example

 on an element with set width and height dimensions.

 .overflow-x-scroll example on an element

 with set width and height dimensions.

 .overflow-x-visible example 

 on an element with set width and height dimensions.

 Overflow Y
 .overflow-y-auto example on an element with set width and height dimensions.

 .overflow-y-hidden example on an element with set width and height dimensions.

 .overflow-y-scroll example on an element with set width and height dimensions.

 .overflow-y-visible example on an element with set width and height dimensions.

 ✕

 Contents