how to make textarea not resizable code example
Example 1: prevent textarea resize css
textarea {
resize: none;
}
Example 2: disable textarea resize
textarea { /* for all text* area elements */
resize: none;
}
#foo { /* for particular id */
resize: none;
}
Example 3: remove resize from textarea
textarea {
resize: none;
}
Example 4: textarea disable resize
<textarea style="resize: none;"></textarea>
Example 5: make textarea not resizable
You can either apply this as an inline style property like so:
<textarea style="resize: none;"></textarea>
or in between
<style>...</style> element tags like so:
textarea { resize: none; }
Example 6: Textarea disable resize CSS
to disable all
textarea { resize: none; }
only vertical resize
textarea { resize: vertical; }
only horizontal resize
textarea { resize: horizontal; }
disable vertical and horizontal with limit
textarea { resize: horizontal; max-width: 400px; min-width: 200px; }
disable horizontal and vertical with limit
textarea { resize: vertical; max-height: 300px; min-height: 200px; }