CSS3 Click Chart | CSS3 Browser Support and Information

Resize

Allows an element to be resized by the user vertically and/or horizontally using a bottom-right handle.

Specification

Example Code

.element {
    overflow: hidden; /* must be "hidden", "scroll", or "auto" */
    -moz-resize: both; /* for Firefox 4+ */
    resize: both; /* can also be "none", "horizontal", or "vertical" */
}

Live Demonstration

This <p> tag can be resized by the user with a bottom-right handle.

Desktop Browser Support

Standard Syntax:
Chrome 4+, Safari 4+, Firefox (?), Opera 12.1+ (only on textarea elements)

Vendor Prefix:
Firefox 4+

Tools / Polyfills

Tutorials / Articles

The CSS3 Resize Property