â Xofo Sep 12 '15 at 1:32 How do you set the height for a Gravity Forms paragraph text element. This is episode #21 in a series examining modern CSS solutions to problems I've been solving over the last 13+ years of being a frontend developer. Luckily there's a quick CSS solution to this problem! Textareas are HTML elements that are meant for inputting large amounts of text. Why painful? When you write text into textarea it automatically expand and increase height of textarea. Textarea auto expand height its depends on text. See the example Textarea Auto Expand Height CSS. The cols attribute specifies the visible width of a text area.. The font-size property sets the size of the text. Should I size a textarea with CSS width / height or HTML cols / rows attributes? My textarea in HTML is still resizeable despite adding 'resize:none' in CSS file in Opera browser. In fact, there isnât any simple HTML or CSS way to make them do that. CSS 3 has a new property for UI elements that will allow you to do this. They differ from input fields because they are a lot larger than a typical input field, and can be manually resized by the user to accommodate a great deal of text. In the bottom right corner you can see the grabber handle. You could allow the textareaâs natural size to be set via CSS (for no js) then change it with JS, and allow auto-expanding. You could also use Modernizr and use the no-js class. Because if the textarea's containing element has padding, your "width:100%" textarea will likely stretch outside of the parent container -- a frustrating prospect to say the least. Auto-expanding textarea. For the textarea tag - In the CSS be sure NOT to specify a width AND while also having cols specificied in the textarea tag because you may have a "user agent stylesheet" issue. However, you should not use font size adjustments to make paragraphs look like headings, or headings look like paragraphs. Stasonix says: October 22, 2012 at 2:27 am Yes and I bet in some cases even possibly set the height of it via php. Working with textarea widths can be painful if you want the textarea to span 100% width. The property is the resize property.So you would add the following to your stylesheet to disable resizing of all textarea elements: Thank you for the solution! You can easily turn on and off textarea resize properties in a CSS3 style sheet and HTML5.By default resize properties are on and you can resize your