CSS3 Resize Property

CSSWeb DevelopmentFront End Technology

<p>The CSS3 resize property is having three common values as shown below &minus;</p><ul class="list"><li>horizontal</li><li>vertical</li><li>both</li></ul><h2>Example</h2><p>Using both the values in resize property in the CSS3 user interface:</p><p><a class="demo" href="http://tpcg.io/ODjJoG" rel="nofollow noopener noreferrer" target="_blank">Live Demo</a></p><pre class="prettyprint notranslate">&lt;html&gt; &nbsp; &nbsp;&lt;head&gt; &nbsp; &nbsp; &nbsp; &lt;style&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;div { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border: 2px solid; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 20px; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 300px; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; resize: both; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; overflow: auto; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;} &nbsp; &nbsp; &nbsp; &lt;/style&gt; &nbsp; &nbsp;&lt;/head&gt; &nbsp; &nbsp;&lt;body&gt; &nbsp; &nbsp; &nbsp; &lt;div&gt;My Website&lt;/div&gt; &nbsp; &nbsp;&lt;/body&gt; &lt;/html&gt;</pre>
raja
Updated on 29-Jun-2020 08:26:27

Advertisements