Course Content

  • lecture-18-overflow-auto
  • lecture-18-overflow-hidden
  • lecture-18-overflow-scroll
  • lecture-18-overflow-visible

Course Content


When content overflows an element's box, the overflow attribute indicates what should happen. When an element's content is too large to fit in a defined area, this attribute determines whether to clip it or add scrollbars. The overflow property is only applicable to block elements with a specified height.

The text-overflow attribute specifies how the user should be notified of overflowed content that isn't being shown. It can be trimmed, have an ellipsis (...), or have a custom string displayed.

The text element must first overflow in order to use the text-overflow attribute. This can be accomplished by setting white-space: nowrap to prevent the element from wrapping the overflowing content to a new line. In addition, overflow must be turned off.

It can take one of four values: The default value of the overflow attribute is visible, which displays the overflowing content without any adjustments. Hidden: The overflowing material is hidden. Scroll: Allows you to see the overflowing (hidden) information by adding vertical and horizontal scroll bars.

Even when scrollbars are required, overflow:hidden stops them from appearing. The following is an explanation of your CSS: The element is horizontally aligned at the centre with margin: 0 auto. Scrollbars are not displayed when overflow:hidden is used.

Recommended Courses

Share With Friend

Have a friend to whom you would want to share this course?

Download LearnVern App

App Preview Image
App QR Code Image
Code Scan or Download the app
Google Play Store
Apple App Store
598K+ Downloads
App Download Section Circle 1
4.57 Avg. Ratings
App Download Section Circle 2
15K+ Reviews
App Download Section Circle 3
  • Learn anywhere on the go
  • Get regular updates about your enrolled or new courses
  • Share content with your friends
  • Evaluate your progress through practice tests
  • No internet connection needed
  • Enroll for the webinar and join at the time of the webinar from anywhere