CSS overflow-x Property
When a block-level element overflows at the left and right edges, the overflow-x CSS property specifies whether to add a scroll bar, clip the content, or display overflow content.
In other words, this property allows us to display content that is horizontally overflowing from the page. The overflow-x property's default value is visible. This CSS property cannot be animated.
|visible||The content is not clipped and may extend beyond the left and right edges. This is the default setting.|
|hidden||The content is clipped, and there is no scrolling mechanism.|
|scroll||The content has been clipped, and a scrolling mechanism has been provided.|
|auto||Should result in the provision of a scrolling mechanism for overflowing boxes.|
|initial||This property is set to its default value.|
|inherit||This property is inherited from its parent element.|
|Property||Chrome||Firefox||Safari||Edge / IE||Opera|