CSS overflow: visible

CSSWeb DevelopmentFront 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>

Output

raja
Prabhas
Published on 08-May-2018 11:28:07
Previous Page Print Page
Next Page  
Advertisements