---
title: "Overflow property using CSS3 and HTML"
description: "In this article I have tried to explain how to use overflow property using CSS3 and HTML."
author: "Vijay Shukla"
published: 2012-12-17
updated: 2019-11-24
canonical: https://www.mindstick.com/articles/1080/overflow-property-using-css3-and-html
category: "css-css3"
tags: ["css-css3"]
reading_time: 2 minutes
---
# Overflow property using CSS3 and HTML
In this article I have tried to explain how to use overflow property using [CSS3](https://www.mindstick.com/articles/1534/stylish-css3-progress-bars) and HTML. Some [content](https://www.mindstick.com/articles/12369/cms-extension-for-magento-2-advanced-content-manager-2) in an element may fall outside the element’s rendering box for a number of reasons In cases where this occurs, the ‘overflow’ property describes what to do with the content outside the [elements](https://www.mindstick.com/forum/1440/wpf-button-with-multiple-text-elements) rendering area.
```
The overflow property specifies what to do if the content of an element exceeds the size of the element's box.
overflow:scroll
MindStick is a Microsoft ISV Gold certified software development company specializing in product development, programming and consulting services.
Currently we have three software products named MindStick Cleaner and MindStick DataConverter, MindStick SurveyManager which are available free of cost.
Thnxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx...!!!!!!!!!!!!!!!
overflow:hidden
MindStick is a Microsoft ISV Gold certified software development company specializing in product development, programming and consulting services.
Currently we have three software products named MindStick Cleaner and MindStick DataConverter, MindStick SurveyManager which are available free of cost.
Thnxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx...!!!!!!!!!!!!!!!
overflow:hiddenX
MindStick is a Microsoft ISV Gold certified software development company specializing in product development, programming and consulting services.
Currently we have three software products named MindStick Cleaner and MindStick DataConverter, MindStick SurveyManager which are available free of cost.
Thnxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx...!!!!!!!!!!!!!!!
overflow:hiddenY
MindStick is a Microsoft ISV Gold certified software development company specializing in product development, programming and consulting services.
Currently we have three software products named MindStick Cleaner and MindStick DataConverter, MindStick SurveyManager which are available free of cost.
Thnxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx...!!!!!!!!!!!!!!!
```
overflow:scroll
Scroll will create a scroll bar on the both axis x as well as y.
##### overflow:hidden
Hidden will hide the both side of axis x as well as y in element's box.
##### overflow-x:hidden
x:hidden will hide the x axis contents in element's box.
##### overflow-y:hidden
y:hidden will hide the y axis contents in element's box.
---
Original Source: https://www.mindstick.com/articles/1080/overflow-property-using-css3-and-html
Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.