CSS3 Resize Property

---

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

• Related Questions & Answers
• CSS3 Opacity property
• HTML DOM Style resize Property
• CSS3 User Interface Property
• CSS3 Outline offset Property
• CSS3 rgba color property
• CSS3 HSLA color property
• CSS3 HSL color property
• CSS3 Multi-Column Property
• CSS3 Transition Shorthand Property
• CSS2 sizing property vs CSS3 box sizing property
• CSS3 Multi-Column rule-width Property
• CSS3 Multi-Column rule-style Property
• CSS3 Multi-Column column-count Property
• CSS3 Multi-Column column-rule Property
• CSS3 Multi-Column column-fill Property