Nearby lessons

14 of 15

CSS: Resize (User Interface)

๐Ÿ“Œ What is CSS Resize Property?

The resize property in CSS enables or disables the user's ability to resize an element. It's typically used with elements that have overflow set to something other than visible. You can control whether resizing is allowed in the horizontal, vertical, both directions, or not at all.

1๏ธโƒฃ Horizontal Resize

Allows users to resize the element only horizontally (left-right).
Code Example
PREVIEW READY
Loading Editor...
Live Preview

2๏ธโƒฃ Vertical Resize

Allows users to resize the element only vertically (top-bottom).
Code Example
PREVIEW READY
Loading Editor...
Live Preview

3๏ธโƒฃ Both (Auto) Resize

Allows resizing in both horizontal and vertical directions.
Code Example
PREVIEW READY
Loading Editor...
Live Preview

4๏ธโƒฃ No Resize

Prevents the element from being resized.
Code Example
PREVIEW READY
Loading Editor...
Live Preview

๐Ÿง  Test Your Knowledge

3 Questions

Progress: 0 / 3
Keep Going!CSS - Outline