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

  • Initial valuenone
  • Applies toelements with 'overflow' other than visible
  • InheritedNo
  • MediaVisual
  • Computed valueSpecified value
  • AnimatableNo
  • CSS VersionCSS3
  • JavaScript syntaxobject.style.resize
Formal syntax: none | both | horizontal | vertical | inherit

resize: none;
resize: both;
resize: horizontal;
resize: vertical;
  • noneThe element offers no user-controllable method for resizing the element.
  • bothThe element displays a mechanism for allowing the user to resize the element, which may be resized both horizontally and vertically.
  • horizontalThe element displays a mechanism for allowing the user to resize the element, which may only be resized horizontally.
  • verticalThe element displays a mechanism for allowing the user to resize the element, which may only be resized vertically.
  • inherit
.class {
   overflow: auto;
   resize: both; 
}
4+FirefoxnoExplorer1+Chrome3+SafarinoOpera


Last updated on 23rd March 2014 By Rene Spronk

View All CSS Properties

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.