CSS3 resize property
Specify a div element that allows the user to resize:
Div
{
resize:both;
overflow:auto;
}
{
resize:both;
overflow:auto;
}
Try it out . . .
Browser support
The numbers in the table support the first browser version number of the property.
The number immediately before -webkit-, -ms- or -moz- is the first browser version number that supports the prefix property.
| Attributes | |||||
|---|---|---|---|---|---|
| resize | 4.0 | Incompatible |
5.0
4.0 -moz- |
4.0 | 15.0 |
Description of property definition and use
The resize property specifies whether an element is resized by the user.
Note: The resize property applies to calculating whether the overflow value of other elements is "visible".
| Default: | none |
|---|---|
| Inherited: | no |
| Version: | CSS3 |
| JavaScript syntax: | object .style.resize="both" |
Grammar
resize: none|both|horizontal|vertical:
| Value | Describe |
|---|---|
| none | The user cannot resize the element. |
| both | The user can adjust the height and width of the element. |
| horizontal | The user can adjust the width of the element. |
| vertical | The user can adjust the height of the element. |
Related articles
CSS3 tutorial: CSS3 user interface