How do you make a div resizable?

Div resizable in css:

You want to resize div area, or need to resize any other element then you need to use resize property of the css as :

resize: both;

overflow: auto;


Note : very important things that need to use overflow property value would be auto, scroll and hidden.


Default value of the resize:- resize: none;


Resize have other value as horizontal, vertical. 


<style> 
        div.resizeBoth {
          border: 5px solid #0bf;
          width: 350px;
          padding: 15px; 
          resize: both;
          overflow: auto;
        }
        </style>

<div class="resizeBoth">
        <p>Lorem ipsom your content , your contnet will come here.</p>
        <p>You can resize you div box means your box,</p>
      </div>



No comments:

Note: Only a member of this blog may post a comment.

Copyright Reserved to Anything Learn. Powered by Blogger.