CSS resize ιδιότητα
Definition and Usage
The resize property specifies whether the size of the element can be adjusted by the user.
Note:To make this property effective, the overflow property of the element must be set, which can be auto, hidden, or scroll.
See Also:
CSS3 Tutorial:CSS3 χρήση διεπαφής
HTML DOM Reference Manual:resize Property
Example
Specify that the div element can be resized by the user:
div
{
resize:both;
overflow:auto;
}
CSS Syntax
resize: none|both|horizontal|vertical;
Property Value
| Value | Description |
|---|---|
| none | The user cannot adjust the size of the element. |
| both | The height and width of the adjustable user element. |
| horizontal | The width of the adjustable user element. |
| vertical | The height of the adjustable user element. |
Technical Details
| Default Value: | none |
|---|---|
| Inheritance: | no |
| Version: | CSS3 |
| JavaScript Syntax: | object.style.resize="both" |
Browser Support
The numbers in the table indicate the first browser version that fully supports this property.
The numbers with -moz- prefix indicate the first version using the prefix.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 79.0 | 5.0 4.0 -moz- |
4.0 | 15.0 |
