HomeMenu
Jesus · Bible · HTML · CSS · JS · PHP · SVG · Applications

resize

Description

The resize property for CSS allows the author to specify whether or not an element is resizable by the user, and if so, along which axis/axes.

Syntax

CSS

resize: value;

JS

object.style.resize = "value";

Values

<'resize'> = none | both | horizontal | vertical | block | inline
none

The user agent does not present a resizing mechanism on the element, and the user is given no direct manipulation mechanism to resize the element.

both

The user agent presents a bidirectional resizing mechanism to allow the user to adjust both the height and the width of the element.

horizontal

The user agent presents a unidirectional horizontal resizing mechanism to allow the user to adjust only the width of the element.

vertical

The user agent presents a unidirectional vertical resizing mechanism to allow the user to adjust only the height of the element.

block

The user agent presents a unidirectional block-axis resizing mechanism to allow the user to adjust only the block size of the element.

inline

The user agent presents a unidirectional inline-axis resizing mechanism to allow the user to adjust only the inline size of the element.

Initial

none

Examples

1 · block

2 · both

3 · horizontal

4 · inline

5 · none

6 · vertical

7 · JS