Nearby lessons
14 of 15CSS: 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
2๏ธโฃ Vertical Resize
Allows users to resize the element only vertically (top-bottom).
Code Example
PREVIEW READY
3๏ธโฃ Both (Auto) Resize
Allows resizing in both horizontal and vertical directions.
Code Example
PREVIEW READY
4๏ธโฃ No Resize
Prevents the element from being resized.
Code Example
PREVIEW READY
๐ง Test Your Knowledge
3 QuestionsProgress: 0 / 3
Keep Going!CSS - Outline