Where does the resize handle on browser textboxes come from? Is it a browser* implementation, or an HTML/CSS/JavaScript/etc. implementation?

Resize handle

Is it standardized across browsers/operating systems/frameworks/protocols/etc. in any way?

I notice that it's sometimes missing from textboxes -- like Superuser's question textbox -- which leads me to believe there's some sort of HTML/CSS interaction factoring into play.

But maybe not.

*(For reference, I'm using Firefox v22 on Windows 7 x64)


This is a css programming part of the page and by default allow the resize on both horizontally and vertically.
To disable them all in a site you add this on the css of the page:

textarea {
    resize: none;
  • Much obliged. What do you mean by "open"? An open standard? – Coldblackice Jul 1 '13 at 17:58
  • @Coldblackice The word "open" is not the correct. By default is resize:both meaning that allow to resize the text area. – Aristos Jul 1 '13 at 19:29

It is a part of CSS3 (CSS version 3). The resize property is supported in Firefox 4+, Chrome, and Safari.

You can read more about the resize property here http://www.w3schools.com/cssref/css3_pr_resize.asp and all other CSS property.

  • The official standard is CSS Basic User Interface Module Level 3 (CSS3 UI) which is currently in working draft. Here is the relevant section: w3.org/TR/css3-ui/#resize – Wk_of_Angmar Jul 2 '13 at 20:29
  • Based he's question, I would not ask him to read w3.org definitions. Therefore, I believe that w3schools.com is the best offer. (w3schools.com offer try it, overview of browser support property, overview and explanation of the property and more. (You can compare w3 with w3s to see if there is some mistakes) – Diblo Dk Jul 2 '13 at 21:51

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.