CSS overflow Property
CSS overflow Property
CSS overflow
property specifies what to do when an element's content is too big to fit in its block formatting context. It is a shorthand property of the following CSS properties
Example
Syntax
Using CSS
Using Javascript
Animatable
No, overflow property is not animatable. CSS Animatable Properties Reference.
Default Value
Default value for CSS overflow property is visible.
Property Value
The following table provides a list of values for CSS overflow
property.
Value | Explanation |
---|---|
visible | The overflow content will be displayed. |
hidden | The overflow content will be hidden. |
scroll | The overflow content is hidden, but user can scroll to view it. |
auto | Browser dependent. If content fits inside the padding box, it looks the same as visible. Else, vertical scroll will appear. |
Using JavaScript
In the following example, we will demonstrate how to change the CSS overflow
property of an element using JavaScript.
Example
Reminder
Hi Developers, we almost covered 98.7% of CSS Tutorials with examples for quick and easy learning.
We are working to cover every Single Concept in CSS.
Please do google search for:
Join Our Channel
Join our telegram channel to get an instant update on depreciation and new features on HTML, CSS, JavaScript, jQuery, Node.js, PHP and Python.
This channel is primarily useful for Full Stack Web Developer.