CSS overflow: visible

CSS Web Development Front End Technology

In the CSS overflow property with value visible, the overflow is not clipped. This is the default. You can try to run the following code to implement CSS overflow: visible property:

Example

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            background-color: orange;
            width: 250px;
            height: 30px;
            border: 2px solid blue;
            overflow: visible;
         }
      </style>
   </head>
   <body>
      <h1>Heading</h1>
      <div>Overflow property used here. This is a demo text to show the working of CSS overflow: visible.</div>
   </body>
</html>